独立部署

前端项目为 dux-refine，是使用 refine 框架与 TDesign UI 库的整合脚手架项目，该项目默认为 Dux Next 和 Dux Go 系统的中后台前端框架，您可以将该项目独立运行和使用任何后端 Api 进行集成。

准备

环境要求

  • Node.js 版本18或更高。
  • Yarn 用于方便的依赖管理。

开发工具

我们推荐使用 VS Code 作为开发工具，并可以安装以下插件来提升开发体验：

本地部署

此项目提供了内置的脚手架安装方法，强烈推荐使用这种方式来初始化项目。

初始化项目

在项目根目录运行以下命令，以进行初始化：

npx @duxweb/dux-cli

安装依赖

yarn install

启动调试

运行以下命令会启动本地开发服务器，并通过访问 http://localhost:5173 进入默认的管理端。

yarn dev

目录说明

.
├── mock               # 演示数据目录
├── public             # 公共静态资源目录
├── src                # 主目录
│   ├── config         # 配置文件
│   │   ├── app.ts     # 由 Vite 插件自动生成的模块索引
│   │   └── index.ts   # 基础项目配置
│   ├── pages          # 页面文件
│   │   └── admin      # 示例的 admin 模块
│   │       ├── article  # 文章页面
│   │       ├── category # 分类页面
│   │       ├── home     # 仪表盘页面
│   │       ├── role     # 角色页面
│   │       ├── user     # 用户页面
│   │       ├── setting  # 设置页面
│   │       ├── locales  # 多语言配置
│   │       ├── config   # 配置数据
│   │       └── index.tsx  # 模块配置
│   ├── static          # 静态资源文件
│   └── index.tsx       # 主入口
├── .eslintrc.cjs       # ESLint 配置
├── vite.config.ts      # Vite 配置文件
└── uno.config.js       # Unocss 配置文件
前端概述
项目配置