1.下载vue模板
完整版:vue-element-admin
GitHub地址:https://github.com/PanJiaChen/vue-element-admin
项目在线预览:https://panjiachen.gitee.io/vue-element-admin
精减版:vue-admin-template
GitHub地址:https://github.com/PanJiaChen/vue-admin-template
结果:下面我将基于精简版进行第二次开发
2.了解安装vue依赖的工具 npm
npm:全称叫node.js 包管理工具,相当于前端的maven
指令:
#在命令提示符输入 npm -v 可查看当前npm版本
npm -v
# 安装依赖
npm install
#更新包(更新到最新版本)
npm update 包名
#卸载包
npm uninstall 包名
3.安装和运行
导入到visual studio code中,进行安装依赖
# 安装依赖
npm install
# 启动。执行后,浏览器自动弹出并访问http://localhost:9528/
npm run dev
4.前端配置
1.主要的文件及文件夹
2.修改登录页
找到:src/views/login/index.vue
3.修改导航栏
src/router/index.js