Vue 3 + Typescript + Vite 中后台工程模板

默认使用 Vue3 <script setup> script setup SFCs 模式开发。

• vite
• vue3

推荐 IDE 设置

• VSCode
• Volar

核心插件

• vueuse
• pinia
• vue-router4
• tailwindcss
• x-icons
• element-plus

代码规范

使用《阿里巴巴前端规约》f2elint 保障项目的编码规范和代码质量， eslint + prettier + stylelint + markdownlint + commitlint。

element-plus

icon

在 src/plugin/element-plus/icon 中注册需要使用的 element plus icon。

安装使用

• 获取项目代码

# 克隆仓库
git clone git@github.com:wcongke/vue3-ts-vite-admin-template.git

# 安装依赖
cd vue3-ts-vite-admin-template
pnpm install

# 运行(开发环境)
pnpm run dev
# 运行(测试环境)
pnpm run test
# 运行(生产环境)
pnpm run prod

# 打包(开发环境)
pnpm run build:dev
# 打包(测试环境)
pnpm run build:test
# 打包(生产环境)
pnpm run build:prod