vue-cli 安装教程

首先，

在node.js下载并安装node   

下载网址：（https://nodejs.org/en/download/）

安装node的时候一直点下一步就好！

一定要选择自己合适的系统！

安装好了node之后，

打开我们的小黑窗（1.win+r  2.输入cmd  3.回车）

输入指令  node -v

出现版本信息就安装ok了！

npm包管理器，是集成在node中的，所以，直接输入npm -v显示出npm的版本信息。

由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像（淘宝镜像）---cnpm。

在命令行中输入（npm install -g cnpm --registry=http://registry.npm.taobao.org）

查看是否安装上  在小黑窗内 出入（cnpm -v）即可出现版本信息。

一般只要了解到vue-cli，都已经安装过node了，所以就忽略第一步吧！

前面装好之后我们来安装vue-cli吧！

现在桌面上新建一个文件夹！

打卡新建的文件夹，在如图所示的红圈圈内 输入cmd 回车

出现小黑窗之后输入  cnpm install vue-cli -g (-g是全局安装) 如下图所示！

安装完成之后来检查一下版本信息！

输入  vue -V  （-V要大写）

接下来继续

输入  vue init webpack aaaa    (注：aaaa为项目名称，自定义)

然后运行一下我们vue-cli  如下图所示

输入：

 cd aaaa（注：项目名称）

（npm run dev        cnpm run dev       npm start       cnpm start）四选一 就好

出现，如下图所示，即为ok！

复制红框内的地址，粘贴到搜索框内  回车

出现，如下图所示，运行成功！

安装好之后赶快来试试吧！