目录

1. 安装node.js
2. 设置node prefix（全局）和cache（缓存）路径
3. 安装cnpm（淘宝镜像）
4. 设置环境变量
5. 安装Vue
6. 安装脚手架工具vue-cli
7. 创建项目
8. 安装依赖

 

---

 （一）安装node.js

下载请戳：node.js下载地址

看到这个界面，你可以根据自己的系统来选择下载安装文件。

至于node的安装路径，你可以选择安装在C盘，也可以选择非系统盘，但是接下来的配置，还要使用到安装路径。

（二）设置node global（全局）和cache（缓存）路径

往后全局更新，下载的工具，模块放置在node_global

找到node安装的地方，在node文件夹里新建两个文件夹，分别是node_global和node_cache

如下图：

这里我安装在D盘，node文件夹是安装node的文件夹，就在node文件夹里面新建了上述的两个文件。

接下来要设置好这两个文件夹的路径：

运行： npm config set cache "D:\node\node_cache" 设置缓存文件夹；

运行： npm config set prefix "D:\node\node_global"设置全局模块存放路径；

注意：还要修改node\node_modules\npm\npmrc文件，因为不做这个修改的话，则npm在运行 npm ls  -g 的时候，仍然以默认的路径来查找已安装的全局模块；

prefix=D:\node  

（三）安装淘宝镜像  

  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用法一样，开头也使用是npm

（四）系统变量：

新建NODE_PATH，添加路径地址，（node_modules不存在，直接添加）

（五）安装Vue

运行：npm install vue -g

这里是全局安装  

（六）安装vue脚手架vue-cli

运行：npm install vue-cli -g

（七）创建vue项目 

vue init webpack myproject  

tips: 接下来的话能阅读正常英文即可，也不是难点，看情况配置吧。

（八）安装依赖

运行：npm install

最后： npm run dev 即可开始使用vue了。

参考文献  

nodejs prefix（全局）和cache（缓存）windows下设置

cnpm淘宝镜像的安装和使用方法