1.安装node.js  进入node.js官方网站下载页，点击下图中框出位置，进行下载即可，当前版本为8.9.4，下载网址为：https://nodejs.org/zh-cn/download/

测试是否安装成功 

    #node -v --查看当前node版本    
    #npm -v  --查看当前npm版本

2.安装cnpm

由于使用npm工具会自动去查找国外的网站下载包，可能会被防火墙屏蔽导致下载失败，因此我们需要安装cnmp淘宝镜像来代替npm，使用cnpm下载包会大大提高下载速率；

    #npm install cnpm -g --安装cnpm，-g代表全局    
    #cnpm -v --查看当前cnpm版本

3.安装vue-cli

    #npm install vue-cli -g --全局安装vue-cli

4.安装webpack

    #cnpm install webpack -g --全局安装webpack    
    #webpack -v

5.创建项目

    #vue init webpack my-project

在建立vue项目中主要需要输入如下信息

    Project name my-project               --项目的名称，直接默认回车    
    Project description A Vue.js project  --项目描述，直接默认回车
    Author syf                            --作者姓名，输入名字（syf）回车
    Install vue-router? Yes               --是否安装路由，输入y回车
    Use ESLint to lint your code? No      --是否用ESLint规范代码，输入n回车
    Set up unit tests No                  --是否需要单元测试，输入n回车
    Setup e2e tests with Nightwatch? No   --是否需要单元测试，输入n回车

6.进入到my-project文件夹下

    #cd my-project

7.安装依赖

    #cnpm install    
    √ Installed 37 packages
    √ Linked 0 latest versions
    √ Run 0 scripts
    √ All packages installed (used 26ms(network 23ms), speed 0B/s, json 0(0B), tarball 0B)

8.启动项目

    #cnpm run dev    
    > ticheng@1.0.0 dev C:\web\ticheng
    > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
     13% building modules 26/34 modules 8 active ...ticheng\src\components\HelloWorld.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
     95% emitting DONE  Compiled successfully in 2795ms9:33:00 AM
     I  Your application is running here: http://localhost:8080

9.项目安装element

npm i element-ui -S