一、windows下搭建vue开发环境（nodejs部分）

1、安装nodejs

vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64

官网地址：https://nodejs.org/zh-cn/download/ 

下载完成后，双击安装包，开始安装，一直点next即可，安装路径默认在C:\Program Files下，也可以自定义修改

 

npm package manager表示npm包管理器

online documentation shortcuts 在线文档快捷方式

Add to PATH添加node安装路径到环境变量

安装完成如图所示，这里我修改了node的安装路径D:\software\develop_install\nodejs

 

安装完成后，.msi格式的安装包已经将node.exe添加到系统环境变量path中,如果你下载的是.zip格式，因为没有安装过程，所以需要手动将node.exe所在目录添加到环境变量path中，查看系统变量验证

 

既然已经将node添加到全局系统变量，我们可以直接在CMD窗口中任意位置执行node，打开CMD窗口，执行命令node -v查看node版本 

最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本

配置npm安装全局模块路径与缓存路径

NPM是随同NodeJS一起安装的包管理工具

一般，在进行npm install ...等命令全局安装时，默认的会将模块安装C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中。可以通过CMD指令npm root -g查看

此时可不进行修改，但便于对C盘数据进行管理，此时这里配置我们自定义的全局模块安装路径和缓存路径，在当前的nodejs安装目录下新建两个文件夹，分别为node_global和node_cache`。

npm config set perfix "D:\Program Files\nodejs\node_global"
npm config set cache  "D:\Program Files\nodejs\node_cache"

配置镜像站，为了提升速度，

输入命令 npm config set registry=http://registry.npm.taobao.org 配置镜像站

检查一下镜像站行不行命令

npm config get registry

更新一下npm

npm install npm -g

 

淘宝 npm 地址： http://npm.taobao.org/

如何使用
有很多方法来配置npm的registry地址，下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例：

1.临时使用
npm --registry https://registry.npm.taobao.org install express

2.持久使用
npm config set registry https://registry.npm.taobao.org

配置后可通过下面方式来验证是否成功
npm config get registry
或
npm info express
3.通过cnpm使用
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用
cnpm install express
4.恢复使用
npm config set registry https://registry.npmjs.org
node环境变量配置

⑤ 安装最开始的方法，打开系统属性-高级-环境变量，在系统变量中新建 变量名：NODE_PATH,变量值： D:\software\develop_install\nodejs\node_global\node_modules

 

⑦ 测试，配置完成后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，输入如下命令进行模块的全局安装：

npm install express -g   // -g是全局安装的意思