vue-element-admin 安装配置及发布

安装

环境搭建：

使用vue作为前端框架，vuejs轻量、简单，对于前端友好，ElementUI，就是饿了么团队开发的一款基于vue的前端组件库。构建网站的必备环境：NodeJS（npm）、Webstorm （前端IDE）、Nginx（后期用来转发请求到后台服务器），由于我们需要使用npm的包管理器，所以首先得先安装nodejs,  直接在node官网下载

1、安装node.js及npm：一直下一步就可以

安装后在命令行输入npm -v，node - v,出现以下信息说明node.js及npm安装成功

2、下载vue-element-admin项目

https://github.com/PanJiaChen/vue-element-admin

可以直接下载压缩包解压，也可以通过 git 下载

#克隆项目

git clone https://github.com/PanJiaChen/vue-element-admin.git

#进入项目目录

cd vue-element-admin

#安装依赖

npm install

#本地开发 启动项目

npm run dev

建议不要用cnpm安装，会有各种诡异的bug,可以通过如下操作解决 npm 下载速度慢的问题

npm install--registry=https://registry.npm.taobao.org

启动完成后会自动打开浏览器访问 http://localhost:9527， 你看到下面的页面就代表操作成功了。

配置

1、ESLint

对程序没啥影响但是疯狂报错，强迫症看着就很难受，所以就去掉了eslint，在package.json文件删除所有的eslint（不是注释掉，是直接删除掉）

发布

#打包预发布环境

npm run build:stage

#打包正式环境

npm run build:prod

构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打包好的文件，通常是 ***.js 、***.css、index.html 等静态文件。

把dist文件放在服务器中就能访问