Node.js安装与配置(最新保姆级)

1、Node.js下载

官网下载地址:https://nodejs.org/en/download/

在这里插入图片描述

2、Node.js安装

1、点击下载好的安装程序,点击下一步

在这里插入图片描述
2、选择接受许可协议,点击下一步
在这里插入图片描述
3、选择自己的安装路径(默认是c盘),选择完成后,点击下一步
在这里插入图片描述
4、这里四项全部安装,点击下一步
在这里插入图片描述
5、这里不用打勾✔,下一步
在这里插入图片描述
6、选择Install安装
在这里插入图片描述
7、选择finish完成
在这里插入图片描述

3、验证是否安装成功

win+R运行cmd进入命令提示符窗口

分别输入以下命令,显示版本号,则安装成功

  • node -v:显示安装的nodejs版本

  • npm -v:显示安装的npm版本

在这里插入图片描述

4、设置 node_global (全局模块)和 node_cache (缓存)

  • 当我们在执行npm install express -g命令时,g表示global全局。会默认下载到c盘,c盘一般作为系统盘,尽量把一些程序安装到其他盘,来减少c盘空间的占用

  • 它的默认路径为:【C:\Users\用户名\AppData\Roaming\npm】。

    • 注意:此文件夹默认是隐藏的,需要设置显示隐藏的文件夹,在"查看"菜单中设置,如下图: 在这里插入图片描述

    • 这里将全局模块(文件夹名:node_global)和缓存(文件夹名:node_cache)放在了nodejs安装目录下,在你的nodejs安装目录下创建创建两个文件夹,名称分别为:node_global和node_cache,在node_global文件夹下再建一个node_modules文件夹,配置环境变量用
      在这里插入图片描述

此时,还没有更改完成,需要手动指定到这两个文件夹中
第一种方法:win+R打开运行窗口,输入cmd,再输入以下两条指令

npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"
如:
npm config set prefix "E:\SoftWare\Node\node_global"
npm config set cache "E:\SoftWare\Node\node_cache"

第二种方法:在nodejs的安装目录下,进入node_modules–>npm–>找到npmrc文件,打开

在这里插入图片描述

添加以下命令:
prefix=创建的node_global文件夹所在路径
cache=创建的node_cache文件夹所在路径
如:
prefix=E:\SoftWare\Node\node_global
cache=E:\SoftWare\Node\node_cache

5、配置环境变量

1)在桌面选择此电脑,右键点击选择属性,选择高级系统设置 在这里插入图片描述

2) 选择系统变量,点击新建,输入变量名NODE_PATH,变量值:node_global文件夹下的node_modules文件夹。如:E:\SoftWare\Node\node_global\node_modules
在这里插入图片描述

3)修改用户变量中的Path变量,将默认的npm路径修改为新建的node_global路径

  • 修改前
    在这里插入图片描述
  • 修改后
    在这里插入图片描述
    设置完成后点击确定,打开了多少个窗口就确定几个窗口 ,如果不确定,所有的设置无效,直接 关闭设置窗口,设置无效,设置无效,设置无效,重要的事情说三遍。

6、测试

1、我们先安装一个express模块,win+R 打开运行窗口,输入cmd,回车(说明: -g 是全局安装的意思)

npm install express -g

2、出现下面的这样的效果代表安装失败,以管理员身份运行cmd再npm命令
在这里插入图片描述

3、出现下面的这样的效果代表安装,如果网速不大好的话,可能要点时间
在这里插入图片描述
4、最后到这个 文件夹确认一下,有这个文件夹代表设置没有说明问题,这样就安装成功了!
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值