9-1-使用vuecli工程开发-组件，安装vuecli脚手架构建工具(vuecli脚手架的全局安装)

安装vuecli脚手架构建工具

一、 node安装

(1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v  （检查一下 版本）；

(2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/

注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；

（3）查看npm 版本

（4）查看cnpm版本

如果没有cnpm，我们需要使用淘宝镜像，进行安装，命令如下所示：

npm i -g cnpm --registry=https://registry.npm.taobao.org

使用npm 从淘宝镜像资源中 安装 cnpm，到本地。本地使用cnpm命令。

i  是 这个单词install的简写。

-g 全局安装

二、安装vuecli脚手架构建工具

命令行执行 :cnpm install @vue/cli –g

加-g是安装到全局

安装完成以后 可以输入命令 ：vue 回车，可以看到针对vue的命令行；

查看vue版本,命令：vue -V

安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。

特别注意：

npm install -g vue-cli  （这样写vue-cli，安装的vuecli老的2.9.x版本）

通过以上两步，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。