记录vue-cil+elementUI搭建后台项目流程

• • • • 一、搭建环境
      • 二、初始化项目
      • 三、安装及引入项目所需依赖
      • 四、打包

一、搭建环境

1、安装node.js http://nodejs.cn.

验证node安装成功了没有，输入 node -v ，回车，会输出node的版本号，表示安装成功

由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，
npm install -g cnpm --registry=https://registry.npm.taobao.org；

2、安装vue-cil

cnpm install --global vue-cli
验证是否安装成功，在命令输入vue -V,回车，输出版本号表示安装成功

二、初始化项目

1. vue init webpack vue-elementui（项目名称）
   一路回车，这里的选择看自己项目需要
   
2. 安装依赖：cnpm install
   
3. 启项目：npm run dev
   
   在浏览器打开地址即可访问

三、安装及引入项目所需依赖

1. 安装

npm i axios  -S
npm i element-ui -S
npm i vuex -S
npm install less less-loader --save-dev
//i为install简写  -S为--save-dev简写
//据说使用简写会有一定差别，但暂未发现

安装完成后在配置文件packjosn.js中会看到相关版本信息

2. 在main.js中引入

四、打包

npm run build

打完包目录就会出现此文件夹