秋天凉了 發表於 2024-7-20 15:21:00

Node.js安装及环境配置超详细教程【Windows系统】

<h3>目录</h3>
<p>Step1:下载安装包</p>
<p>Step2:安装程序</p>
<p>Step3:环境配置</p>
<p>Step4:查看</p>
<p>step5:nmp镜像</p>
<p>&nbsp;</p>
<h4>1.下载node.js</h4>
<p>&nbsp; &nbsp; 下载地址:Node.js</p>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720145818059-280992829.png"></p>
<p>&nbsp;</p>
<h3>2.安装</h3>
<h5>&nbsp; &nbsp;&nbsp;2.1 自定义安装路径(可以选择默认)</h5>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720145847739-2034832940.png"></p>
<p>&nbsp;</p>
<p>下图根据本身的需要进行,我选择了默认Node.js runtime,然后Next:</p>
<p>Node.js runtime :表示运行环境<br>npm package manager:表示npm包管理器<br>online documentation shortcuts :在线文档快捷方式<br>Add to PATH:添加到环境变量<br><br></p>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720145921237-550152482.png"></p>
<p>&nbsp;</p>
<p>不用勾选这一个,继续Next,然后自定义安装路径,这里建议不要装在C盘,直接把C:\Program Files\nodejs改成E:\nodejsdir</p>
<p>然后再在安装路径的根目录下新建两个文件夹,node_cache和node_global,如图所示:</p>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720150132001-1426798451.png"></p>
<p>&nbsp;</p>
<h3>Step3:环境配置</h3>
<p>建好以后开始配置环境:右键此电脑——属性——高级系统设置——高级——环境变量</p>
<p>在系统变量里新建一个NODE_HOME,变量值为安装路径:E:\nodejsdir</p>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720150321648-1359719426.png"></p>
<p>&nbsp;</p>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720150401850-282175177.png"></p>
<p>&nbsp;</p>
<p>然后再在系统变量的【path】中添加</p>
<p>%NODE_HOME%</p>
<p>%NODE_HOME%\node_global</p>
<p>%NODE_HOME%\node_cache</p>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720150442066-1200907449.png"></p>
<p>&nbsp;</p>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720150731749-966304123.png"></p>
<p>确认是否存在,用户变量默认的C:\User\35025\AppDate\Roaming\npm, 即npm文件夹,若有改为E:\nodejsdir\node_global</p>
<p>&nbsp;</p>
<h3>4.查看</h3>
<p>键盘Win+R进入cmd,然后依次输入</p>
<p>【注意:此时是打开CMD窗口,并非在C:\Program Files\nodejs目录下执行node.exe】</p>
<p>node -v</p>
<p>npm -v</p>
<div>&nbsp;
<p>* 像这样会出现你安装的版本号</p>
<p>默认状况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径C:\Users\Administrator\AppData\Roaming\npm\node_modules下,能够经过CMD指令npm root -g查看</p>
<p>然后在cmd中执行如下命令,配置缓存目录和全局目录</p>
<p>&nbsp;</p>
<p># 设置缓存npm config set cache</p>
<p>"E:\nodejsdir\node_cache"</p>
<p>&nbsp;</p>
<p># 设置全局模块</p>
<p>npm config set prefix "E:\Program Files\nodejs\node_global"<br><br></p>
<p>* 如果出现标红报错,是由于权限的原因,右击Nodejs文件夹-&gt;属性-&gt;安全,点击编辑,将所有权限都 ✔即可。</p>
<p>或者以 管理员身份运行 cmd</p>

</div>
<div>
<p><img src="https://img2024.cnblogs.com/blog/2530706/202407/2530706-20240720151019290-1698502493.png"></p>
<p>&nbsp;</p>

</div>
<p>&nbsp;</p>
<p><strong><span style="font-size: 15px">5.更换npm源为淘宝镜像</span></strong><br>npm 默认的registry ,也就是下载 npm 包时是从国外的服务器下载,国内很慢,一般都会指向淘宝 https://registry.npm.taobao.org。</p>
<p>在cmd里输入npm config set registry https://registry.npm.taobao.org/</p>
<p>检查配置是否成功</p>
<p>npm config get registry</p>
<p>这样就配置好了</p>
<p>配置完成后,安装个module测试下,输入npm install express -g,进行模块的全局安装:</p>
<p>由于版本的问题,淘宝的镜像已经过时了,解决办法:</p>
<p>先输入pm config set strict-ssl false<br>最后:npm install cnpm@7.1.1 -g</p>
<p>至此,nodejs就安装好了<br>————————————————</p>
<p>                            版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。<br>                        <br>原文链接:https://blog.csdn.net/Nicolecocol/article/details/136788200</p>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/wolfstark/p/18313175
頁: [1]
查看完整版本: Node.js安装及环境配置超详细教程【Windows系统】