vue-admin 操作说明
安装 node v16 + 、pnpm v6 +
一,配置 node、pnpm
1,查看当前 npm 源
npm config ls
2,配置官方源
npm config set registry https://registry.npmjs.org
3,如果您还没安装 pnpm,请执行下面命令
npm install -g pnpm
二,pnpm 用法
1, 安装依赖
pnpm i
2, 安装一个包
pnpm add 包名
3, 卸载一个包
pnpm rm 包名
三,代码规范配置
1, 找到保存时的操作
设置 => 工具 => 保存时的操作
2, 勾选操作
✔ 优化 import
✔ 重新排列代码
✔ 运行 eslint --fix
3, 保存配置
四,常用目录
文件夹 |
说明 |
描述 |
public |
公共资源 |
图片资源和导入文件资源的存放 |
src\assets |
svg 资源 |
svg 资源存放 |
src\components |
自定义组件 |
封装常用的组件以便复用 |
src\lang |
变量复用 |
保存一些可复用的变量 |
src\plugins |
插件 |
飞书登录 vxe-table 二次封装 |
src\router |
路由 |
菜单导航路由 |
src\store |
本地缓存 |
缓存一些配置 ,个人信息和权限 |
src\utils |
工具类 |
常用函数 |
src\view |
视图层 |
后台页面代码目录 |
.env* |
环境变量 |
环境变量配置 |