npm,cnpm,和vue-cli2的安装

---

一、node.js的安装

下载地址: http://nodejs.cn/download/
根据自己电脑的配置下载相应的版本。

node.js是一个开源和开平台的JavaScript运行环境。

二、npm和cnpm的区别和安装

• npm（node package manager）是node.js的一个工具，它的主要作用是进行包管理，用于node插件管理（包括安装、卸载、管理依赖等）。
• cnpm：因为npm安装插件是从国外服务器下载的，受网络影响较大，可能出现异常，所以淘宝团队分享了使用国内镜像来代替国外服务器。
• 它们就是下载位置不同，除此之外并没有太大区别。
  在安装之前需要搞清楚它们参数的具体意思。

-g参数

• 全局安装（global），可以在命令行下直接使用。
• 可以通过npm root -g查看全局安装的文件夹位置。
  

手动指定从那个镜像服务器获取资源

• npm install -gd express --registry=http://registry.npm.taobao.org
• 为了避免每次安装都需要–registry参数，可以使用如下命令进行永久设置
  • npm config set registry http://registry.npm.taobao.org
  • 通过这样的命令我们就可以从系统的设置里面将npm的下载位置更改为淘宝的镜像。
  • 还有一种方法就是cnpm的下载命令。

npm安装vue-cli2

npm install -g vue-cli

安装完成后，输入命令:vue -V（注意:这里是大写V哦~）

-S，-D参数

• -S，–save安装包信息将加入到dependencies（生产阶段的依赖|所谓生产阶段就是开发完成后，已经到了实际应用阶段了，是在发布和产品使用的时候了）。

• -D，–save–dev安装包信息将加入devDependencies（开发阶段的依赖），开发和生产阶段一般都会用到。

  • 大小写划分并没有很严格，大小写后者-d都可以执行。
  • 这里是测试，因为已经安装了vue-cli2所以这里终止操作了。
    
    

• i 是install的缩写（注意：前面没有“-”）。
  

• 此时将-g（全局）换成-D（本地），如果换成-D显示失败那就证明你本地缺少初始化文件，但是尽量使用全局安装，本地安装可能会出现一些意想不到的错误。
  

• 配置文件的初始化 npm init -f
  

• 初始化的文件就会放到package.json文件里。
  

cnpm安装

• npm install -g cnpm --registry=https://registry.npm.taobao.org
  通过淘宝镜像安装cnpm。
  
• cnpm -v 查看cnpm当前版本。
  
• cnpm install -gd vue-cli 加上d的话就可以加入一些依赖,通过cnpm安装vue-cli2
  
• 下载完成之后输入vue -V (大写V~) 去查看当前vue-cli的版本即可。

卸载vue-cli2

• npm uninstall -g vue-cli
  

---

总结

看到这里就你就学会了如何使用npm和cnpm对vue-cli2进行安装，如果这篇文章对你有所帮助，点个赞以表示对作者的支持，谢谢！