使用vue-cli搭建项目

（1）安装node.js

a.可以到node.js官网上下载版本，直接安装，

b.安装完成后，在window系统下的cmd中输入node -v和npm -v 来查询是否安装成功，以及当前安装的版本号;

或者如果电脑安装了git，右击打开gitbash命令行中输入node -v和npm -v 。

（2）安装vue-cli

a.在命令行中输入：npm install vue-cli -g (-g表示全局安装)；（此安装比较慢，推荐使用cnpm）

b.先安装cnpm：npm install -g cnpm，然后使用cnpm -v 查看是否安装成功。

（如果安装失败，可使用 npm cache clean 清理缓存，然后重新安装）

c.使用cnpm安装vue-cli: cnpm instal vue-cli -g，安装完成后，可以使用vue -version查看当前vue-cli版本,

使用vue list查看其提供的几种模板；

（3）初始化项目，生成项目模板

命令：vue init 模板名 项目名

例如：

a.在命令行中输入： vue init webpack-simple vue-cli-demo

b.进入生成的项目目录vue-cli-demo中：cd vue-cli-demo

c.安装项目的依赖包：cnpm install

d.运行：npm run dev (测试环境下)

e.运行：npm run build (生产环境，项目要上线时，默认情况下，打包生成dist目录，将dist目录放到服务器上)