Mac OS下搭建Vue运行环境

brew instal nvm // 若安装完成后打印出相关提示则需按照打印出的提示修改相关系统配置文件
nvm -v // 此时如果正确打印出版本号，代表已经安装成功。
nvm install v14.0.0 // node的v14.0.0版本可稳定运行此项目
nvm ls // 列出所有安装的版本
nvm use v14.0.0 // 切换指定版本node

运行项目

npm run dev

添加一级新菜单

此操作一般涉及到src下的api/apiList目录、router目录、views目录

1、api/apiList目录下添加新菜单涉及到的接口js文件

cd {project_root_src}/src/api/apiList
vim index.js // 添加新的目录路径

cd {project_root_src}/src/api/apiList/新的目录路径
mkdir demo_api_list / 创建一个接口分类目录

cd {project_root_src}/src/api/apiList/新的目录路径/demo_api_list
vim add.js // 添加一个接口配置文件

cd {project_root_src}/src/api/apiList/新的目录路径
vim index.js // 新增刚刚添加的js配置文件路径

2、router目录下添加路由

cd {project_root_src}/src/router
vim catalog.js // 引入新的菜单模块

3、views目录下添加菜单模块

cd {project_root_src}/src/views
mkdir new_module // 创建一个新的菜单模块目录

cd {project_root_src}/src/views/new_module
vim bundle.js // 添加菜单路由文件
mkdir new_sub_module // 创建一个新的菜单模块子集目录

cd {project_root_src}/src/views/new_module
vim bundle.js // 路由文件中添加菜单模块子集目录路径

添加二级新菜单

此操作一般涉及到src下的api/apiList目录、views目录

1、api/apiList目录下添加新菜单涉及到的接口js文件

cd {project_root_src}/src/api/apiList
vim index.js // 添加新的目录路径

cd {project_root_src}/src/api/apiList/新的目录路径
mkdir demo_api_list / 创建一个接口分类目录

cd {project_root_src}/src/api/apiList/新的目录路径/demo_api_list
vim add.js // 添加一个接口配置文件

cd {project_root_src}/src/api/apiList/新的目录路径
vim index.js // 新增刚刚添加的js配置文件路径

2、views目录下添加菜单模块

cd {project_root_src}/src/views/new_module
mkdir new_sub_module // 创建一个新的菜单模块子集目录

cd {project_root_src}/src/views/new_module
vim bundle.js // 路由文件中添加菜单模块子集目录路径