mirror of
https://gitee.com/huangge1199_admin/vue-pro.git
synced 2024-11-22 23:31:52 +08:00
0d5daa69fb
# Conflicts: # yudao-ui-admin-vue3/pnpm-lock.yaml |
||
---|---|---|
.. | ||
.vscode | ||
build/vite | ||
public | ||
src | ||
types | ||
.editorconfig | ||
.env | ||
.env.base | ||
.env.dev | ||
.env.pro | ||
.env.test | ||
.eslintignore | ||
.eslintrc-auto-import.json | ||
.eslintrc.js | ||
.gitignore | ||
.prettierignore | ||
.stylelintignore | ||
index.html | ||
LICENSE | ||
package.json | ||
pnpm-lock.yaml | ||
postcss.config.js | ||
prettier.config.js | ||
README.md | ||
stylelint.config.js | ||
tsconfig.json | ||
use.md | ||
vite.config.ts | ||
windi.config.ts |
🌈 yudao-ui-admin-vue3
介绍
- 基于 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 等
IE |
Edge |
Firefox |
Chrome |
Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |