mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-09-21 04:46:26 +00:00
68 lines
1.6 KiB
Markdown
68 lines
1.6 KiB
Markdown
# 前端介绍
|
|
|
|
这是一个基于Vue3的Vite项目，使用Vue3、Vite、TypeScript、Vuex、Vue-router、Ant-Design-Vue、Axios等框架。
|
|
|
|
- npm init vue@latest 创建项目
|
|
- cd frontend 进入项目
|
|
- npm install 安装依赖
|
|
- npm run dev 启动项目
|
|
|
|
## 项目结构
|
|
|
|
```sh
|
|
fastapi_project/frontend
|
|
├─ public # 静态资源文件
|
|
│ └─ site # 帮助文档模块
|
|
├─ src # 源代码
|
|
│ ├─ api # 接口文件
|
|
│ ├─ components # 组件模块
|
|
│ ├─ layouts # 布局模块
|
|
│ ├─ router # 路由模块
|
|
│ ├─ store # 状态管理模块
|
|
│ ├─ utils # 工具模块
|
|
│ ├─ view # 视图模块
|
|
│ ├─ App.vue # 根组件
|
|
│ ├─ main.js # 入口文件
|
|
│ └─ styles.css # 全局样式文件
|
|
├─ .env.development # 项目开发环境配置
|
|
├─ .env.production # 项目生产环境配置
|
|
├─ index.html # 模板文件
|
|
├─ package.json # 项目依赖文件
|
|
├─ tsconfig.json # ts配置文件
|
|
├─ vite.config.js # vite服务配置文件
|
|
└─ README.md # 项目说明文档
|
|
|
|
```
|
|
|
|
## 项目配置
|
|
|
|
查看 [Vite Configuration Reference](https://vitejs.dev/config/).
|
|
|
|
## 项目启动
|
|
|
|
### 初始化依赖
|
|
|
|
```sh
|
|
npm install
|
|
```
|
|
|
|
### 启动开发环境
|
|
|
|
```sh
|
|
npm run dev
|
|
```
|
|
|
|
### 构建项目
|
|
|
|
```sh
|
|
npm run build
|
|
```
|
|
|
|
### 项目检查
|
|
|
|
```sh
|
|
[ESLint](https://eslint.org/)
|
|
|
|
npm run lint
|
|
```
|