Nodejs安装及环境配置

Nodejs安装及环境配置


1、下载安装包
下载地址:https://nodejs.org/en/
根据自己电脑系统及位数选择
Nodejs安装及环境配置
Nodejs安装及环境配置
2、安装
双击安装包,开始安装,安装路径默认在C:\Program Files下,可以自定义安装路径
Nodejs安装及环境配置
Nodejs安装及环境配置
Nodejs安装及环境配置
一直next,直到安装完成,打开cmd窗口,分别执行 node -v ,npm -v , 查看node 和 npm 的版本(最新版的node在安装时同时也安装了npm)
Nodejs安装及环境配置
3、修改包路径
(1)在你安装node的文件夹下新建两个文件夹
node_global 全局包下载存放
node_cache node缓存
Nodejs安装及环境配置
(2)在cmd窗口执行命令:

  • npm config set prefix “D:\Develop\node\node_global”
  • npm config set cache “D:\Develop\node\node_cache”

或者修改D:\Develop\node\node_modules\npm.npmrc文件,内容:

  • prefix =C:\node\node_global
  • cache = C:\node\node_cache

注:第一种我用了没起作用,改用了第二种就好了

4、环境配置

1.桌面–我的电脑–右键属性–高级系统设置–环境变量
Nodejs安装及环境配置
Nodejs安装及环境配置
Nodejs安装及环境配置

2.新增系统变量NODE_PATH
Nodejs安装及环境配置
5、测试:
安装vue ,执行npm install -g @vue/cli
vue安装成功后,cmd执行vue -V 说是vue不存在,
检查之后发现我安装vue后出现的文件存到了D盘根目录下,没有存到D:\Develop\node\node_global目录下,然后我把D盘根目录下的这几个文件剪切到了D:\Develop\node\node_global文件下

Nodejs安装及环境配置
cmd执行vue -V 就出现vue的版本了
Nodejs安装及环境配置
问题原因: 应该是上面配置系统变量NODE_PATH时,变量值写的是D:\Develop\node\node_global\node_modules,而当下我的node_global文件夹下没有node_modules文件夹,需要自己手动新建一个(这个问题没验证,拷贝之后我的问题就解决了,所以懒得去验证了)