VUE+ElementUI+webpack项目搭建

VUE+ElementUI+webpack项目搭建
这篇文章的前提是已经安装了node,node里就包含了npm包管理工具，由于npm install安装比较慢，所以我们一般采用npm淘宝镜像cnpm来安装。
那么如何安装cnpm呢？
命令在这里：npm install -g cnpm --registry=https://registry.npm.taobao.org
接下来就可以使用了

1. 执行cnpm install vue-cli -g 全局安装
   
   2.运行vue查看安装是否成功
   
   3.运行vue init webpack(注：模板名称) dome-admin(注：项目名称)
   
   4.进入项目文件夹下执行 cnpm install 来安装下载到模板中的package.json中的依赖，安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件
   
   5.安装 npm i element-ui -S
   
   6.6.首先安装「主题生成工具」，可以全局安装或者安装在当前项目下，推荐安装在项目里，方便别人 clone 项目时能直接安装依赖并启动，这里以全局安装做演示。

   npm i element-theme -g

npm i element-theme

7.安装elementui默认主题 npm i element-theme-default -D （1.4.6）
npm i element-theme-chalk -D （2.0.9）

8.初始化变量文件 et -i
默认输出到 element-variables.css

编译主题 et (修改element-variables.css文件后，输入et 重新编译主题)

9.引入自定义主题

11.安装vue-router

npm install vue-router --save-dev

12.webpack初始化项目
13.安装eslint

14.执行命令，启动项目

npm run dev

第一次写有点儿“粗鲁”，我会慢慢改进优化，多谢支持！