前端环境搭建vue-element-admin-master

一、vue-element-admin-master
1、简介
vue-element-admin是基于element-ui 的一套后台管理系统集成方案。

GitHub地址：https://github.com/PanJiaChen/vue-element-admin

项目在线预览：https://panjiachen.gitee.io/vue-element-admin

2、安装

# 解压压缩包
# 进入目录
cd vue-element-admin-master

# 安装依赖
npm install

# 启动。执行后，浏览器自动弹出并访问http://localhost:9527/
**npm run dev**

JS打包：
package.json中配置scripts:不同环境下执行不同的文件

如果上面的install报错，则先执行下面的命令，再install

npm i -g node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

原因：install的时候需要下载一些资源，但是这个资源被墙掉了，我们可以从阿里上面拉取下来即可

启动成功后首页为：

二、vue-admin-template
1、简介
vueAdmin-template是基于vue-element-admin的一套后台管理系统基础模板（最少精简版），可作为模板进行二次开发。

GitHub地址：https://github.com/PanJiaChen/vue-admin-template

建议：你可以在 vue-admin-template 的基础上进行二次开发，把 vue-element-admin当做工具箱，想要什么功能或者组件就去 vue-element-admin 那里复制过来。

2、安装

# 解压压缩包
# 将vue-admin-template-master重命名为guli-admin
# 进入目录
cd guli-admin
​
# 安装依赖
npm install
​
# 启动。执行后，浏览器自动弹出并访问http://localhost:9528/
npm run dev