🔥Vue3 + Vite5 + TypeScript + Element-Plus 构建的后台管理前端模板,配套接口文档和后端源码,Flask-admin 的 Vue3 版本
当前项目代码仓暂无内容
以下内容由 AI 翻译,如有问题请 点此提交 issue 反馈
vue3-falsk-admin 模板
这个模板旨在帮助你开始使用 Vue 3 和 Vite 进行开发。
推荐的 IDE 配置
在 VSCode 中安装 Volar(并禁用 Vetur)以及 TypeScript Vue 插件 (Volar)。
在 TypeScript 中对 .vue 导入提供类型支持
默认情况下,TypeScript 无法处理 .vue 文件的类型信息,所以我们用 vue-tsc 替换 tsc 命令来进行类型检查。在编辑器中,我们需要 TypeScript Vue Plugin (Volar),以使 TypeScript 语言服务能够识别 .vue 类型。
如果你觉得独立的 TypeScript 插件运行速度不够快,Volar 还实现了性能更优的 接管模式。启用它的步骤如下:
- 禁用内置的 TypeScript 扩展
- 通过 VSCode 的命令面板运行
Extensions: Show Built-in Extensions - 查找
TypeScript and JavaScript Language Features,右键点击并选择Disable (Workspace)
- 通过 VSCode 的命令面板运行
- 通过命令面板运行
开发者:重新加载窗口来刷新 VSCode 窗口。
项目远程仓库
前端代码库 flask-vue3-admin
后端代码库 (Python Flask) flask-admin-back
自定义配置
参阅 Vite 配置参考.
项目设置
npm install
开发环境下的编译与热重载
npm run dev
生产环境下的类型检查、编译和压缩
npm run build
使用 ESLint 进行代码规范检查
npm run lint