一、什么是npm和cnpm

• npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
• cnpm:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二.安装nodejs

• Node.js：http://nodejs.cn/download/
  安装就是无脑的下一步就好，安装在自己的环境目录下
• Git：https://git-scm.com/doenloads
• 镜像：https://npm.taobao.org/mirrors/git-for-windows/

cmd下输入node -v，查看是否能够正确打印出版本号即可！
cmd下输入npm -v，查看是否能够正确打印出版本号即可！

这个npm，就是一个软件包管理工具，就和linux下的apt软件安装差不多！

改变原有的环境变量

1、配置npm的全局模块的存放路径、cache的路径，例如 D:\work\node

在cmd中执行

npm config set prefix "D:\work\node\global"
npm config set cache "D:\work\node\cache"

2.在环境变量中添加NODE_PATH，路径为D:\work\node\global\node_modules
3.在命令行输入以下命令安装express（注：“-g”表示安装到global目录下，就是上面设置的global中）

npm install express -g

4、在命令行输入node进入编辑模式，输入以下代码检测是否能正常加载模块：

require('express')

三.安装cnpm

1、安装cnpm，输入以下命令：

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

2、输入cnpm -v ，检测是否正常，但是这里会报错。
3、添加系统变量path的内容
因为cnpm会被安装到D:\work\node\global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

四.安装vue-cli

1. 在cmd中安装

cnpm instal1 vue-cli -g
#查看可以基于哪些模板创建vue应用程序，通常我们选择webpack

2. 测试是否安装成功
   安装完vue-cli后可以输入vue查看是否安装成功，vue list是查看vue现有的组件，其中webpack是我们常用的搭建项目的组件。