node.js和npm的安装与环境配置(2023最新版)
作者:mmseoamin日期:2023-12-18

目录

  • 安装node.js
    • 测试是否安装成功
    • 测试npm
    • 环境配置
      • 更改环境变量
      • 新建系统变量

        安装node.js

        1、进入官网下载:node.js官网

        我选择的是windows64位的,你可以根据自己的实际情况选择对应的版本。

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第1张

        2、下载完成,安装。

        打开安装程序

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第2张

        接受协议

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第3张

        选择安装位置,一会儿还要用。我选择的是:E:\NodeJs

        选择完之后直接下一步

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第4张

        下一步,next即可

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第5张

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第6张

        点击install,等待安装完成

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第7张

        测试是否安装成功

        win+r输入cmd打开命令行,输入node,如下图显示,表示安装成功,我安装的版本是18.18.0.

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第8张

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第9张

        测试npm

        由于node.js默认配置了npm,所以不用单独下载和配置npm了,只要node.js安装成功,那么是直接可以使用npm命令来下载moudle的。

        win+r输入cmd打开命令行,输入npm -v,显示当前npm版本。

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第10张

        环境配置

        这里主要配置的是改变npm下载的模块包的默认存储地址,如果你的C盘容量非常大,你已经可以直接使用,不用再进行下面的配置。

        为什么要改变默认存储地址呢?

        因为nodejs默认全局仓库是在c盘下面的,你可以通过npm list -global命令查看

        (查看不了的话就使用管理员模式打开命令行再使用指令)

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第11张

        可以看到默认路径不仅非常复杂,而且位于c盘下,以后你只要使用npm install XXXX -g的命令,都会将包存储进去。所以可以将全局仓库重新改变位置,让它和nodejs的安装目录一直,也更加方便管理。

        我的nodejs的安装目录是:E:\NodeJs

        首先在E:\NodeJs下新建两个文件夹

        node_global

        node_cache

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第12张

        命令行输入指令

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

        这里需要把""中的地址改为自己的node_global的地址

        指令执行结束之后使用npm list -g查看是否更改成功

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第13张

        (正常情况下是出现empty的,但是由于博主以及全部配置好了就显示这样)

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第14张

        命令行中输入:npm config set cache "E:\NodeJs\node_cache"

        更改默认缓存位置

        更改结束之后,下面我们运行npm install express -g来测试一下(如果安装报错,请使用管理员身份打开命令行进行安装)

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第15张

        再次输入npm list -g

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第16张

        新目录下也出现了express

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第17张

        更改环境变量

        接下来就要更改环境变量了

        计算机右键点击属性,找到高级系统设置,点开。

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第18张

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第19张

        选中path,点击编辑

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第20张

        将原来的C:\Users\用户名\AppData\Roaming\npm更改为新的地址,确认。

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第21张

        新建系统变量

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第22张

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第23张

        这里修改为自己的modules地址

        node.js和npm的安装与环境配置(2023最新版),在这里插入图片描述,第24张