发布原型html文件_Vueelementadmin 安装配置及发布

    最近从手机端项目转战网页端项目，经推荐使用了了vue-element-admin。它基于 vue 和 element-ui实现，提供了丰富的功能组件，动态路由，提炼了典型的业务模型，能帮助我们快速搭建产品原型，有效提高开发效率，站在巨人的肩膀上开发真的不是一般爽。接下来就简要介绍一下vue-element-admin的安装及发布。

安装

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文件放在服务器中就能访问