2023年node.js最新版(18.15.0)详细安装教程(保姆级)
作者:小教学发布时间:2023-09-19分类:程序开发学习浏览:98
导读:本文章作者本人卸载之后重新安装的完整详细教程,包含了环境变量的详细配置,以及常见的错误解决方法一.Node.js安装与环境变量配置1.node.js下载(包含国内和国外下载地址)1...
本文章作者本人卸载之后重新安装的完整详细教程,包含了环境变量的详细配置,以及常见的错误解决方法
![](http://imgs.wpeu.cn/ccm/20230917/0j4ne05kjqq.jpg)
一.Node.js安装与环境变量配置
1.node.js下载(包含国内和国外下载地址)
1.国外的官网地址:node.js(nodejs.org)下载慢,下面提供国内地址。
可以看到当前的版本lts是大多用户使用的稳定版本,当前是最新版本,这里选择的是稳定版本(18.15.0)
![](http://imgs.wpeu.cn/ccm/20230917/4st2enyc21s.png)
点击如下图所示位置下载进行node.js下载
![](http://imgs.wpeu.cn/ccm/20230917/qq0dmx22uwz.png)
2.国内下载地址:下载|node.js中文网(nodejs.cn)
点击最新版本,点击Windows安装包进行下载安装,如下
![](http://imgs.wpeu.cn/ccm/20230917/je3g4wbhbb0.png)
2.node.js详细安装步骤
打开下载安装的文件夹下的安装包,双击进行安装
![](http://imgs.wpeu.cn/ccm/20230917/mvu435gmif4.png)
点击Next下一步
![](http://imgs.wpeu.cn/ccm/20230917/bjdjxxprdc1.png)
勾选点击下一步下一步
![](http://imgs.wpeu.cn/ccm/20230917/kle3nezyadu.png)
选择安装的位置最好是英文路径,我的是D\Node JS\Node\,然后点击下一步Next
![](http://imgs.wpeu.cn/ccm/20230917/o2vavrenguk.png)
![](http://imgs.wpeu.cn/ccm/20230917/fgeug03us0k.png)
点击下一步下一步
![](http://imgs.wpeu.cn/ccm/20230917/0jjxbrnnofd.png)
看到如下图所示,不要勾选!不要勾选!不要勾选!直接下一步
![](http://imgs.wpeu.cn/ccm/20230917/ef4cw11ji4n.png)
如果勾选了就会出现了这样的界面下载完成之后会出现
![](http://imgs.wpeu.cn/ccm/20230917/gyzqutdsqop.png)
![](http://imgs.wpeu.cn/ccm/20230917/kmbedavol1u.png)
7.点击安装安装
![](http://imgs.wpeu.cn/ccm/20230917/eoi5gp1kqzs.png)
![](http://imgs.wpeu.cn/ccm/20230917/llhkw2bbrpc.png)
8.完成安装,点击抛光
![](http://imgs.wpeu.cn/ccm/20230917/poyzi4y3wvy.png)
3.详细配置环境变量
找到电脑的环境变量,我这是Windows 11系统
![](http://imgs.wpeu.cn/ccm/20230917/i0h41wnk0pk.png)
2.进入环境变量,编辑[系统变量]下的变量[路径],点击编辑
![](http://imgs.wpeu.cn/ccm/20230917/s1ezgg4wexq.png)
3.添加安装路径我的是D:\NodeJS\NodeJS\
![](http://imgs.wpeu.cn/ccm/20230917/ozkawy20xdm.png)
二.验证是否安装成功!
1.进入命令命令行窗口,右键进行管理员模式下,输入命令,查看节点JS版本
node -v
![](http://imgs.wpeu.cn/ccm/20230917/cbd512ybuo4.png)
2.查看npm版本如下图所示,即为安装成功:
npm -v
![](http://imgs.wpeu.cn/ccm/20230917/dqn2k2yjya0.png)
三.修改下载位置
1.查看npm默认存放位置
查看npm全局模块的存放路径
npm get prefix
查看npm缓存默认存放路径
npm get cache
![](http://imgs.wpeu.cn/ccm/20230917/iatq4zntyc3.png)
如上图所示,npm全局模块存放位置以及缓存的存放位置,默认是在C盘“C:\User\用户\APPDATA”下。
2.在节点JS安装目录下,创建“节点_GLOBAL”和“节点_缓存”两个文件夹
![](http://imgs.wpeu.cn/ccm/20230917/g253i155uvf.png)
3.修改默认文件夹
设置全局模块的安装路径到“NODE_GLOBAL”文件夹npm配置集前缀命令
npm config set prefix "D:\NodeJs\nodejs\node_global"
![](http://imgs.wpeu.cn/ccm/20230917/hoivzp1mfcf.png)
设置缓存到“NODE_CACHE”文件夹npm配置集缓存命令
注意看路径不要写错了喔!
npm config set cache "D:\NodeJs\nodejs\node_cache"
![](http://imgs.wpeu.cn/ccm/20230917/eyxpchzibml.png)
在系统变量的环境变量中配置节点_全局的路径,方便执行命令
![](http://imgs.wpeu.cn/ccm/20230917/vqm1j1dgmrj.png)
4.查看是否修改成功
使用命令
npm install express -g
![](http://imgs.wpeu.cn/ccm/20230917/nzfvw2yvnad.png)
![](http://imgs.wpeu.cn/ccm/20230917/npi1feeulnh.png)
如上图所示,下载Express模块成功,然后在文件管理器中查看是否保存到上面自定义的路径下。
![](http://imgs.wpeu.cn/ccm/20230917/sbtglmbcyul.png)
到这里就已经修改成功了
四、设置淘宝镜像
1.将npm默认的注册表修改为淘宝注册表,查看当前的镜像
npm config get registry
![](http://imgs.wpeu.cn/ccm/20230917/zs4502f3mqi.png)
设置淘宝镜像
npm config set registry https://registry.npmmirror.com/
npm config set registry https://registry.npm.taobao.org/ //即将停止解析
![](http://imgs.wpeu.cn/ccm/20230917/4vntdya1vhy.png)
3.执行npm配置获取注册表查看当前的镜像
npm config get registry
![](http://imgs.wpeu.cn/ccm/20230917/gum3zbxcqql.png)
如上图所示,NPM默认的注册表已修改为淘宝镜像
安装淘宝源cnpm
已更改至最新
npm install -g cnpm --registry=https://registry.npmmirror.com
![](http://imgs.wpeu.cn/ccm/20230917/ayk3gfa4ang.png)
5.查看cnpm的模块是否安装成功在本地
![](http://imgs.wpeu.cn/ccm/20230917/ayfkj5nrsdk.png)
执行命令查看cnpm模块
cnpm -v
![](http://imgs.wpeu.cn/ccm/20230917/mckasxb4dk5.png)
到这里就已经安装完毕.
如果遇到安装完cnpm时出现不是内部或外部命令,也不是可运行的程序.需要重新打开cmd才能正常安装.
五.卸载
如果需要卸载看另一篇博客:
Http://t.csdn.cn/JpI25:文章地址
- 程序开发学习排行
- 最近发表
-
- Wii官方美版游戏Redump全集!游戏下载索引
- 视觉链接预览最好的WordPress常用插件下载博客插件模块
- 预约日历最好的wordpress常用插件下载博客插件模块
- 测验制作人最好的WordPress常用插件下载博客插件模块
- PubNews Plus|WordPress主题博客主题下载
- 护肤品|wordpress主题博客主题下载
- 肯塔·西拉|wordpress主题博客主题下载
- 酷时间轴(水平和垂直时间轴)最好的wordpress常用插件下载博客插件模块
- 作者头像列表/阻止最好的wordPress常用插件下载博客插件模块
- Elementor Pro Forms最好的WordPress常用插件下载博客插件模块的自动完成字段