ccjgmwz
8ca79796e3
更新
|
vor 2 Jahren | |
|---|---|---|
| .. | ||
| .vscode | vor 2 Jahren | |
| plop | vor 2 Jahren | |
| public | vor 2 Jahren | |
| src | vor 2 Jahren | |
| types | vor 2 Jahren | |
| .editorconfig | vor 2 Jahren | |
| .env | vor 2 Jahren | |
| .env.base | vor 2 Jahren | |
| .env.dev | vor 2 Jahren | |
| .env.pro | vor 2 Jahren | |
| .env.test | vor 2 Jahren | |
| .eslintignore | vor 2 Jahren | |
| .eslintrc.js | vor 2 Jahren | |
| .gitignore | vor 2 Jahren | |
| .prettierignore | vor 2 Jahren | |
| .stylelintignore | vor 2 Jahren | |
| LICENSE | vor 2 Jahren | |
| README.md | vor 2 Jahren | |
| index.html | vor 2 Jahren | |
| package.json | vor 2 Jahren | |
| plopfile.js | vor 2 Jahren | |
| postcss.config.js | vor 2 Jahren | |
| prettier.config.js | vor 2 Jahren | |
| stylelint.config.js | vor 2 Jahren | |
| tsconfig.json | vor 2 Jahren | |
| use.md | vor 2 Jahren | |
| vite.config.ts | vor 2 Jahren | |
| windi.config.ts | vor 2 Jahren | |
README.md
🌈 patrol-ui-admin-vue3
<img src="https://img.shields.io/badge/-Vue3.2-34495e?logo=vue.j" />
<img src="https://img.shields.io/badge/-Vite3-646cff?logo=vite&logoColor=white" />
<img src="https://img.shields.io/badge/-TypeScript4.7-blue?logo=typescript&logoColor=white" />
<img src="https://img.shields.io/badge/-Pinia2-yellow?logo=picpay&logoColor=white" />
<img src="https://img.shields.io/badge/-ESLint-4b32c3?logo=eslint&logoColor=white" />
<img src="https://img.shields.io/badge/-pnpm7-F69220?logo=pnpm&logoColor=white" />
<img src="https://img.shields.io/badge/-Axios-008fc7?logo=axios.js&logoColor=white" />
<img src="https://img.shields.io/badge/-Prettier-ef9421?logo=Prettier&logoColor=white" alt="Prettier">
<img src="https://img.shields.io/badge/-Less-1D365D?logo=less&logoColor=white" alt="Less">
<img src="https://img.shields.io/badge/-Wind%20CSS-06B6D4?logo=Tailwind%20CSS&logoColor=white" alt="Taiwind">
<img src="" alt="">
介绍
- 基于 vue3.2+ ，TypeScript ，Element Plus 2.2.0+ ，Vite3 ，Pinia ，Windicss 等开发的后台管理系统
注意事项
- 项目路径请不要使用中文命名！！！会造成解析乱码！！！请使用全英文路径！！！
- node >=14.18.0(建议使用 16 版本) ,pnpm >=7
- 开发建议使用 谷歌浏览器-开发者版 不支持 IE\QQ 等浏览器
点击查看使用说明
前端依赖
| 框架 | 说明 | 版本 |
|---|---|---|
| Vue | vue 框架 | 3.2.37 |
| Vite | 开发与构建工具 | 3.0.4 |
| Element Plus | Element Plus | 2.2.12 |
| TypeScript | JavaScript 的超集 | 4.7.4 |
| pinia | Vue 存储库 替代 vuex5 | 2.0.17 |
| vueuse | 常用工具集 | 9.0.2 |
| vue-i18n | 国际化 | 9.2.0 |
| vue-router | vue 路由 | 4.1.3 |
| windicss | 下一代工具优先的 CSS 框架 | 3.5.6 |
| iconify | 在线图标库 | 2.2.1 |
| wangeditor | 富文本编辑器 | 5.1.14 |
推荐 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 run dev
- 打包
pnpm run build:pro
- 安装一个包
pnpm add 包名
- 卸载一个包
pnpm remove 包名
- 其他命令请看 package.json
浏览器支持
本地开发推荐使用 Chrome 80+ 浏览器
支持现代浏览器, 不支持 IE ,QQ 等
 | IE | Edge
 | Firefox
|---|
