安装
环境搭建:
使用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文件放在服务器中就能访问