Flask-Admin:🔥Vue3 + Vite5 + TypeScript + Element-Plus 构建的后台管理前端模板,配套接口文档和后端源码,Flask-admin 的 Vue3 版本

🔥Vue3 + Vite5 + TypeScript + Element-Plus 构建的后台管理前端模板,配套接口文档和后端源码,Flask-admin 的 Vue3 版本

分支1Tags0
当前项目代码仓暂无内容

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 还实现了性能更优的 接管模式。启用它的步骤如下:

  1. 禁用内置的 TypeScript 扩展
    1. 通过 VSCode 的命令面板运行 Extensions: Show Built-in Extensions
    2. 查找 TypeScript and JavaScript Language Features,右键点击并选择 Disable (Workspace)
  2. 通过命令面板运行 开发者:重新加载窗口 来刷新 VSCode 窗口。

项目远程仓库

前端代码库 flask-vue3-admin

后端代码库 (Python Flask) flask-admin-back

自定义配置

参阅 Vite 配置参考.

项目设置

npm install

开发环境下的编译与热重载

npm run dev

生产环境下的类型检查、编译和压缩

npm run build

使用 ESLint 进行代码规范检查

npm run lint

项目介绍

🔥Vue3 + Vite5 + TypeScript + Element-Plus 构建的后台管理前端模板,配套接口文档和后端源码,Flask-admin 的 Vue3 版本

定制我的领域