node.js和npm的安装与环境配置(2021最新版)

安装node.js

1、进入官网下载:node.js官网
我选择的是windows64位的,你可以根据自己的实际情况选择对应的版本。
node.js和npm的安装与环境配置(2021最新版)_第1张图片
2、下载完成,安装。
打开安装程序
node.js和npm的安装与环境配置(2021最新版)_第2张图片
接受协议
node.js和npm的安装与环境配置(2021最新版)_第3张图片
选择安装位置,一会儿还要用。我选择的是:D:\Program Files\nodejs
node.js和npm的安装与环境配置(2021最新版)_第4张图片
下一步,next即可
node.js和npm的安装与环境配置(2021最新版)_第5张图片
不用勾选,直接next
node.js和npm的安装与环境配置(2021最新版)_第6张图片
点击install,等待安装完成
node.js和npm的安装与环境配置(2021最新版)_第7张图片
测试是否安装成功
win+r输入cmd打开命令行,输入node,如下图显示,表示安装成功,我安装的版本是16.13.0
node.js和npm的安装与环境配置(2021最新版)_第8张图片
由于node.js默认配置了npm,所以不用单独下载和配置npm了,只要node.js安装成功,那么是直接可以使用npm命令来下载moudle的。
测试npm
win+r输入cmd打开命令行,输入npm,显示当前npm版本。
node.js和npm的安装与环境配置(2021最新版)_第9张图片

环境配置

这里主要配置的是改变npm下载的模块包的默认存储地址,如果你的C盘容量非常大,你已经可以直接使用,不用再进行下面的配置。
为什么要改变默认存储地址呢?
因为nodejs默认全局仓库是在c盘下面的,你可以通过npm list -global命令查看。
node.js和npm的安装与环境配置(2021最新版)_第10张图片
可以看到默认路径不仅非常复杂,而且位于c盘下,以后你只要使用npm install XXXX -g的命令,都会将包存储进去。所以可以将全局仓库重新改变位置,让它和nodejs的安装目录一直,也更加方便管理。
我的nodejs的安装目录是:D:\Program Files\nodejs
首先在D:\Program Files\nodejs下新建两个文件夹
node_global
node_cache
node.js和npm的安装与环境配置(2021最新版)_第11张图片
命令行中输入:

npm config set prefix "D:\Program Files\nodejs\node_global"

输入node list -g查看是否更改成功。
node.js和npm的安装与环境配置(2021最新版)_第12张图片
命令行中输入:
更改默认缓存位置

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

下面我们运行npm install express -g来测试一下(如果安装报错,请使用管理员身份打开命令行进行安装)
node.js和npm的安装与环境配置(2021最新版)_第13张图片
再次输入npm list -g
node.js和npm的安装与环境配置(2021最新版)_第14张图片

新目录下也出现了express
node.js和npm的安装与环境配置(2021最新版)_第15张图片
接下来就要更改环境变量了
计算机右键点击属性,找到高级系统设置,点开。
node.js和npm的安装与环境配置(2021最新版)_第16张图片
选中path,点击编辑。
node.js和npm的安装与环境配置(2021最新版)_第17张图片
将原来的C:\Users\用户名\AppData\Roaming\npm更改为新的地址,确认。node.js和npm的安装与环境配置(2021最新版)_第18张图片
新建系统变量
node.js和npm的安装与环境配置(2021最新版)_第19张图片
输入自己全局仓库配置的地址,我的是:D:\Program Files\nodejs\node_global\node_modules
node.js和npm的安装与环境配置(2021最新版)_第20张图片
确认以后,就OK了。

你可能感兴趣的:(JavaWeb,前端,node.js,npm,前端)