FlowPacs/yudao-ui-admin-vue3
2023-02-10 23:03:10 +08:00
..
.vscode fix :token刷新、rememberMe 、暗黑模式保存 、验证码开关 bug 2022-10-28 09:28:20 +08:00
build/vite feat: update deps 2023-02-09 10:23:42 +08:00
public feat: add vue3(element-plus) 2022-07-18 19:06:37 +08:00
src 菜单新增 alwaysShow 总是展示、componentName 组件名 2023-02-10 23:03:10 +08:00
types 菜单新增 alwaysShow 总是展示、componentName 组件名 2023-02-10 23:03:10 +08:00
.editorconfig feat: add vue3(element-plus) 2022-07-18 19:06:37 +08:00
.env 菜单新增 alwaysShow 总是展示、componentName 组件名 2023-02-10 23:03:10 +08:00
.env.base perf: 优化第一次进入加载速度 2023-01-19 11:15:41 +08:00
.env.dev 修复 vue3 的后端地址填写错误 2023-02-07 22:57:50 +08:00
.env.pro 修复 vue3 的后端地址填写错误 2023-02-07 22:57:50 +08:00
.env.test 修复 vue3 的后端地址填写错误 2023-02-07 22:57:50 +08:00
.eslintignore feat: add vue3(element-plus) 2022-07-18 19:06:37 +08:00
.eslintrc-auto-import.json feat: add auto imports 2023-01-18 11:50:47 +08:00
.eslintrc.js feat: add auto imports 2023-01-18 11:50:47 +08:00
.gitignore refactor: vue3 axios api ... 2022-07-19 22:33:54 +08:00
.prettierignore chore: 移除 plop 2022-12-01 18:00:43 +08:00
.stylelintignore feat: add vue3(element-plus) 2022-07-18 19:06:37 +08:00
index.html refactor 2022-11-22 22:10:14 +08:00
LICENSE refactor: vue3 axios api ... 2022-07-19 22:33:54 +08:00
package.json feat: update deps 2023-02-09 10:23:42 +08:00
pnpm-lock.yaml feat: update deps 2023-02-09 10:23:42 +08:00
postcss.config.js feat: add vue3(element-plus) 2022-07-18 19:06:37 +08:00
prettier.config.js fix: warn 2022-11-30 10:30:58 +08:00
README.md chore: update deps 2023-02-06 10:26:17 +08:00
stylelint.config.js feat: add vue3(element-plus) 2022-07-18 19:06:37 +08:00
tsconfig.json feat: code format 2023-02-06 11:40:03 +08:00
use.md perf: aotu import hooks 2023-01-18 14:23:45 +08:00
vite.config.ts perf: 路由子集显示可配置 2022-12-20 16:05:16 +08:00
windi.config.ts feat: update 1.8.2 2022-10-18 10:21:06 +08:00

🌈 yudao-ui-admin-vue3

vue vite typescript Pinia2 eslint pnpm Prettier Sass WindCSS

介绍

  • 基于 vue3.2+ TypeScript Element Plus 2.2.0+ Vite4 Pinia Vxe-table , Windicss 等开发的后台管理系统

注意事项

  • 项目路径请不要使用中文命名!!!会造成解析乱码!!!请使用全英文路径!!!
  • node >=16 ,pnpm >=7.1
  • 开发建议使用 谷歌浏览器-开发者版 不支持 IE\QQ 等浏览器

点击查看使用说明

前端依赖

框架 说明 版本
Vue vue 框架 3.2.47
Vite 开发与构建工具 4.1.1
Element Plus Element Plus 2.2.29
TypeScript JavaScript 的超集 4.9.5
pinia Vue 存储库 替代 vuex5 2.0.30
vueuse 常用工具集 9.12.0
vxe-table vue 最强表单 4.3.9
vue-i18n 国际化 9.2.2
vue-router vue 路由 4.1.6
windicss 下一代工具优先的 CSS 框架 3.5.6
iconify 在线图标库 3.0.1
wangeditor 富文本编辑器 5.1.23

推荐 VScode 开发,插件如下

  • WindiCSS IntelliSense WindiCSS --- 自动完成、语法突出显示、代码折叠和构建等高级功能
  • TypeScript Vue Plugin (Volar) --- 用于 TypeScript 的 Vue 插件
  • Vue Language Features (Volar) --- Vue3.0 语法支持
  • Iconify IntelliSense --- Iconify 预览和搜索
  • i18n Ally --- 国际化智能提示
  • Stylelint --- css 格式化
  • DotENV --- .env 文件高亮
  • Prettier --- 代码格式化
  • ESLint --- 脚本代码检查

安装 pnpm 并启动项目

  • 查看当前 npm 源
npm config ls
  • 如果执行上面命令您并未看到 registry = "https://registry.npmjs.org/"说明使用的非npm官方源请执行下面命令
npm config set registry https://registry.npmjs.org
  • 如果您还没安装 pnpm请执行下面命令
npm install -g pnpm
  • mac 用户遇到安装报错请在命令前加上 sudo

  • 安装依赖

pnpm install
  • 运行项目
pnpm dev
  • 打包
pnpm run build:pro
  • 安装一个包
pnpm add 包名
  • 卸载一个包
pnpm remove 包名
  • 设置镜像源
pnpm config set registry https://registry.npm.taobao.org/
  • 其他命令请看 package.json scripts

浏览器支持

本地开发推荐使用 Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE ,QQ 等

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions