vue-cli构建web项目

1、安装node，npm。
检测安装成功：node -v 和 npm -v。

2、安装vue-cli。
首先安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org。查看版本：cnpm -v。

而后用cnpm安装vue-cli：cnpm install -g vue-cli。

3、生成手脚架项目：
输入命令：vue init webpack zhao。

若是出现vue命令没法识别，如图：

有两种可能，一种是npm版本太低，更新最新的npm版本便可。npm install -g npm或者cnpm install -g npm 。

另外一种多是由于npm全局路径配置的不对或缺失致使的，因此查看npm全局路径：npm root -g。

而后会看到vue -V成功，如图：

而后进入项目，安装项目依赖：cnpm install。
最后启动项目便可：npm run dev。