node环境部署配置超详细

首先下载node资源包

1、选择对应系统下载：

安装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:UsersAdministratorAppDataRoaming pm ode_modules下，可以通过CMD指令npm root -g查看 但是有时候我们不想让全局包放在这里，我们想放在node的安装目录下 （1）在node安装目录下下新建两个文件夹 node_global （全局包下载存放） node_cache （node缓存） 如图： （2）修改路径 在CMD窗口执行以下两条命令：

npm config set prefix "E:
odejs
ode_global"

npm config set cache "E:
odejs
ode_cache"

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

修改node环境变量

（1）首先添加NODE_PATH（E: odejs ode_global ode_modules）系统变量 （2）添加用户变量path（E: odejs ode_global） (3) 测试在任意地方执行npm -v是否有版本号（有错误的则是环境变量问题）

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

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

等待执行下载完成

输入cnpm -v输入是否正常 如果有错 添加系统变量path的内容

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

4.创建vue项目

（1）进入vue项目目录cmd （2）部署项目

cnpm install

结果 （3）启动项目

npm run dev

执行成功！

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