首先下载node资源包

1、选择对应系统下载：
node官网
在这里插入图片描述

安装node.js

1.安装目录：我在E盘单独建立了一个nodejs文件夹（大家可以相对参照一下）

2.双击运行

3.同意协议


Node.js runtime 表示运行环境
npm package manager表示npm包管理器
online documentation shortcuts 在线文档快捷方式
Add to PATH添加到环境变量
选择第一个即可！

4.自定义安装目录：（图片有误，我是装在E盘）

5.安装后的目录结构

6.安装好的测一下是否成功
（1）测试版本号（在安装目录cmd）

node -v 显示Node.js的版本说明已经安装成功
npm -v 自带的npm已经安装成功

结果：

（2）安装完成后，.msi格式的安装包自动将node启动程序添加到系统环境变量path中,查看系统变量验证

------------------------------------------以上nodejs已经初步安装成功（后续步骤按需操作）------------------------------------------------------

7.修改包路径
默认情况下，我们在执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下，可以通过CMD指令npm root -g查看

但是有时候我们不想让全局包放在这里，我们想放在node的安装目录下
（1）在node安装目录下下新建两个文件夹
node_global （全局包下载存放）
node_cache （node缓存）
如图：

（2）修改路径
在CMD窗口执行以下两条命令：

npm config set prefix "E:\nodejs\node_global"

npm config set cache "E:\nodejs\node_cache"

（3）测试
我们再次下载一个全局包，
执行命令npm install -g vue，可以发现，下载的全局包vue已经放在了我们设置的目录中

修改node环境变量

（1）首先添加NODE_PATH（E:\nodejs\node_global\node_modules）系统变量

（2）添加用户变量path（E:\nodejs\node_global\）
(3) 测试在任意地方执行npm -v是否有版本号（有错误的则是环境变量问题）

安装cnpm 下载国内资源（淘宝镜像）

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

等待执行下载完成

输入cnpm -v输入是否正常

如果有错 添加系统变量path的内容

因为cnpm会被安装到D:\Program Files\nodejs\node_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
　
此时的cnpm是在这个路径下，我们需要添加cnpm系统环境变量

4.创建vue项目

（1）进入vue项目目录cmd

（2）部署项目

cnpm install

结果

（3）启动项目

npm run dev

执行成功！

以上是node环境配置以及部署vue项目步骤，有出入的一起留言探讨噢！