快速开始
环境准备
-
VS Code (推荐)
提示如果您使用的 IDE 是vscode(推荐)的话,可以安装以下工具来提高开发效率及代码格式化
- Iconify IntelliSense - Iconify图标预览插件
- Tailwind CSS IntelliSense - Tailwind 智能提示插件
- I18n-ally - i18n国际化插件
- Eslint - 代码检查
- Prettier - 代码格式化
- Stylelint - CSS格式化
-
Node.js 18.x(推荐)
-
Pnpm (推荐)
拉取代码
# clone 代码
git clone https://github.com/d3george/slash-admin.git
安装依赖
在项目的根目录中,运行以下命令以安装项目依赖项:s
pnpm install
运行项目
运行以下命令以启动开发服务器:
pnpm dev
访问 http://localhost:3001 查看您的应用程序。
提示
启动端口可在vite.config.ts
中修改
目录说明
.
├── src # 主目录
│ ├── _mock # MSW 接口模拟
│ ├── api # 接口文件
│ ├── assets # 资源文件
│ │ ├── icons # icon sprite 图标文件夹
│ │ ├── images # 项目存放图片的文件夹
│ ├── components # 公共组件
│ ├── hooks # hook
│ ├── layouts # 布局文件
│ │ ├── dashboard # 控制台布局
│ │ └── simple # 简单布局(登录、异常等页面)
│ ├── locales # 多语言
│ ├── pages # 页面
│ ├── router # 路由配置
│ ├── store # 数据仓库
│ ├── theme # 主题样式配置
│ │ ├── antd # ant design 相关配置
│ │ ├── hook # 主题相关hook
│ ├── utils # 工具类
│ ├── main.tsx # 主入口
├── types # 类型文件
├── vite.config.ts # vite配置文件
└── tailwind.config.js # tailwind配置文件