Node.js安装及配置环境与卸载教程(最新版,超详细,保姆级)

Node.js安装及配置环境与卸载教程(最新版,超详细,保姆级),第1张

Node.js 的安装和配置环境(最新版,超详细,保姆级)安装配置教程 1.去node.js的官网下载对应的安装包

下载官网: http://nodejs.cn/download/
版本选择: ① .msi版本是Windows 安装包,长期稳定维护版 (这里我们选择这个版本介绍) ②.zip是压缩包形式,解压即可,不用需要安装

2.运行安装包进入安装界面

2.1 第一步next ->
2.2 接收协议next ->

2.3 进入安装路径设置自己的安装位置 next-> (这里提一句,随着后续项目的扩大,需要安装的包会越来越多,建议是不要装在C盘)

2.4 安装node相关的配置默认 next->

2.5 这一步必须把这个勾号取消, 不取消会从外网下载其他的配置,网速会很慢. next->

2.6 点击install 开始安装 next->

2.7 安装完毕

3. 安装成功后打开cmd输入指令查看是否成功
1. 检查node 的环境变量是否配置好,出现版本号及为成功
node -v

2. 查看npm是否安装成功,现在新版的会自动附带安装 npm,旧版本则需自己下载
npm -v

4.配置全局模块安装路径

主要目的:①改变安装NodeJS依赖的下载位置,方便日后管理 ②以及配置缓存Cache的路径。
系统默认配置是在 C:\Users\用户名\AppData\Roaming\npm
第一步找到你下载nodejs的位置,创建红框勾选的2个文件夹 node_cache 和node_global

1.将下载库设置为你刚才创建的node_global文件夹
无响应就是最好的相应

npm config set prefix "D:\MySoftware\nodejs\node_global"

2.将缓存库设置为你刚才创建的node_cachel文件夹
无响应就是最好的相应

npm config set cache "D:\MySoftware\nodejs\node_cache"

3.配置国内镜像
如果不配置,那就是通过国外网站下载,可能一天都导不了一个包,这里我们用国内的淘宝镜像
查看修改淘宝镜像

npm config set registry https://registry.npm.taobao.org

查看上述三个步骤是否配置成功

npm config list

被我画上蓝色的是我的用户名,不用理会,关注红框内的即可,说明是已经配置成功了

4.配置电脑环境
开始之前我先做3点总结:
Ⅰ. 用户变量 …\node_global
Ⅱ.环境变量NODE_PATH配成 …\node_global\node_modules(和Ⅰ一样,只是多了一级子目录),记得path中增加%NODE_PATH%
Ⅲ.path中配置nodejs的安装目录,…\nodejs\,注意和Ⅰ、Ⅱ可能不是同一个目录
下面我们开始:
① 左下角搜索框直接搜索 高级,点击打开。也可以右击桌面上我的电脑,然后点击属性,再点击右边的高级系统设置

②点击环境变量

③点击新建

④ 这里做一下解释,明明刚刚创建的node_global是空的,变量值的路径最后为什么要到node_moudles,因为后续你只要下载第一个包,它会自动在node_global创建一个node_moudles,所以这里路径要到node_moudles

⑤ 点击新建, 加上 %NODE_PATH% (必须) ,然后将系统默认的C:\Users\用户名\AppData\Roaming\npm 更改为你npm对应的路径,可以与我不同,根据你直接的路径更改

点击确定,确定,确定

5.测试

我们打开dos窗口,执行以下命令,下载一个express模块 (有些朋友下载会报错,那就在系统搜索框内搜索cmd,然后右击以管理员身份运行)

npm install express -g      # -g  是全局安装的意思

以下是添加包成功,用时2秒(就是下载成功了)

打开你的node_global下面的node_moudules就会出现以下箭头所指文件夹

完结留言:

到此为止就彻底大功告成了,如果有朋友某个步骤出了小问题,回头重新修改即可。也可以在通过系统卸载,从新再来,如果要卸载需要将已经配置的系统环境全部删除,然后将以下文件夹删除干净(在查看中点击查看隐藏文件夹AppData就会出现)

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)
C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1321322.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存