首页 › Node.js论坛 › Node.js下载安装及环境配置教程【超详细】

蟹黄宝 發表於 2024-6-18 10:24:00

Node.js下载安装及环境配置教程【超详细】

<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedundefinedoriginal.png"></p>
<p><strong>一、进入官网地址下载安装包</strong></p>
<p>https://nodejs.org/zh-cn/download/</p>
<p>上面的网址报404了，小伙伴们可以点击新网址下载-&gt; Node.js 中文网</p>
<p>选择对应你系统的Node.js版本，这里我选择的是Windows系统、64位</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedae0cc83ed7714c02a1ee41a5f104f786.png"></p>
<p>Tips：如果想下载指定版本，点击【以往的版本】，即可选择自己想要的版本下载</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined7ecf16deafd043608962981f181853be.png"><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined456f67620409425cbd18e90b948a38f4.png"></p>
<p><strong>二、安装程序</strong></p>
<p>（1）下载完成后，双击安装包，开始安装Node.js</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined9369d0597b874c7897757e9aa9b00861.png"></p>
<p>(2)直接点【Next】按钮，此处可根据个人需求修改安装路径，修改完毕后继续点击【Next】按钮</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined259f228be12d412488001e8e40e3f0d2.png"></p>
<p>（3）可根据自身需求进行，此处我选择默认安装，继续点击【Next】按钮</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinede25af67216e34076ac456d9813376ee8.png"></p>
<p>（4）不选中，直接点击【Next】按钮</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined723ca00461b14107a04141f5bd1ef1af.png"></p>
<p>（5）点击【Install】按钮进行安装</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined6e61d654e92e454fb1d9c0dd83aa4f7a.png"></p>
<p>（6）安装完毕，点击【Finish】按钮</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedc48b41f81f70447e9679fbcfe6d509b8.png"></p>
<p>（7）测试安装是否成功，按下【win+R】键，输入cmd，打开cmd窗口</p>
<p>输入：node -v   // 显示node.js版本</p>
<p>​      npm -v   // 显示npm版本</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined518e19a1ed264d529031562e02cf53ff.png"></p>
<p>--成功显示版本说明安装成功</p>
<p><strong>三、环境配置</strong></p>
<p>（1）找到安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined22fc8746b63c42b5a06561f2301338bd.png"></p>
<p>（2）创建完毕后，使用管理员身份打开cmd命令窗口（打开方法见下方Tips），输入</p>
<p>①npm config set prefix “你的路径\node_global” （复制你刚刚创建的“node_global”文件夹路径）</p>
<pre><code class="language-bash">npm config set prefix "D:\develop\Node.js\node_global"
</code></pre>
<p>②npm config set cache “你的路径\node_cache” （复制你刚刚创建的“node_cache”文件夹路径）</p>
<pre><code class="language-bash">npm config set cache "D:\develop\Node.js\node_cache"
</code></pre>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedebb83cf0a18e44ba974e607694ab86e8.png"></p>
<p>Tips: 使用管理员身份运行cmd的方法 ：点击左下角【开始】菜单，在搜索区域输入“命令提示符”，然后点击【以管理员身份运行】</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedbe31da00d5bd4e36bcc961e64bbb0620.png"></p>
<p>=<mark><mark><mark><mark><mark><mark><mark>或单击鼠标右键选择【以管理员身份运行】</mark></mark></mark></mark></mark></mark></mark>============</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefineddb6b9ca0296d4d02b4b249fd9aa0b3e9.png"></p>
<p>（3）配置环境变量</p>
<p>①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined9deb35d7e48f4a8e95636aa8aa9f37f4.png"></p>
<p>② 在【系统变量】中点击【新建】</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined8f5f545b99f9489b85a3051cc0765ff7.png"></p>
<p>变量名：NODE_PATH</p>
<p>变量值：C:\Program Files\nodejs\node_global\node_modules</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinede60f589902f144fbb4d8e6a358f44688.png"></p>
<p>然后你就会发现【node_global】里多出了一个【node_modules】文件夹</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinede2a54f72b2f947299d5e1747e3e65aa6.png"></p>
<p>Tips: 如果输入变量值之后没有自动创建【node_modules】文件夹，就在【node_global】下手动创建一个【node_modules】文件夹，再复制你创建的【node_modules】文件夹的路径地址到变量值</p>
<p>③编辑【用户变量】中的【Path】</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefineddb2a0493191548e7b943479e49150342.jpeg"></p>
<p>④将默认的 C 盘下【 <code>AppData\Roaming\npm</code> 】修改成 【<code>node_global】的路径</code>，点击确定</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined01a766aa26ac431b8232854791aae14e.png"><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined6cf47d92ab5d4e2e9085b0bea4fd755a.png"></p>
<p>⑤在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】，随后一直点击【确定】</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined465c481702db4cedb88c6b9f8e35dd8d.png"></p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined58fb90372e8f421ab16785b945da3c20.png"></p>
<p><strong>四、测试</strong></p>
<p>配置完成后，全局安装一个最常用的 express 模块进行测试</p>
<pre><code class="language-bash">npm install -g express// -g代表全局安装
</code></pre>
<p>出现以下界面即为配置成功</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedcc51da9f9c0642f2adb5c1fd8e3dfb35.png"></p>
<p><strong>Tips：如果出现安装失败的话可能是你没有使用管理员身份运行cmd窗口，或者可以修改一下【node_global】和【node_cache]的权限</strong></p>
<p>步骤： 鼠标右击【node_global】的文件夹，点击【属性】，再点击【安全】，再点击【编辑】，将权限都勾上，随即点击【确定】即可，【node_cache】步骤同理。</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedf8a6ff0a9acb442e91efb31c07fc0123.png"></p>
<p><strong>五、安装淘宝镜像</strong></p>
<p>淘宝镜像是淘宝团队为国内用户提供的npm镜像源，它与官方镜像源保持同步，并提供了更快的下载速度。</p>
<p>①安装淘宝镜像</p>
<pre><code class="language-bash">npm config set registry https://registry.npmmirror.com/
</code></pre>
<p>查看是否成功：</p>
<pre><code class="language-bash">npm config get registry
</code></pre>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined7d0f9c71d2924722996cfa70739089b7.png"></p>
<p>②安装cnpm（按需安装）</p>
<p>说明： npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。</p>
<pre><code class="language-bash">npm install -g cnpm --registry=https://registry.npmmirror.com
</code></pre>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined266479835cd04f369b06f46a55fe72da.png"></p>
<p>查看是否安装成功</p>
<p>命令： cnpm -v</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefineda89905120bec4607a7a0d73425b0410c.png"></p>
<h3 id="附加如果有出现问题的小伙伴们可以检查一下自己的配置有没有出错">附加：如果有出现问题的小伙伴们可以检查一下自己的配置有没有出错</h3>
<p>①打开cmd敲以下命令检查</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedd2574469e21c46af91747a432c0f44a8.png"></p>
<p>②打开环境变量配置检查<img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedd9e8c94cd55c4f79824e31899e25238d.png"></p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined7bae9410743f4374bdac954a2d9bf062.png"></p>
<p>③打开安装目录检查是否有以下文件夹</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined1f5d1f5197ea479586b556541b5bd2f2.png"></p>
<p><strong>····</strong>检查【node_global】里是否有【node_modules】文件夹</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefined8f92983969c147dfbfc2de7d031bed6d.png"></p>
<p><strong>····</strong>上面所安装的cnpm、express会出现在【node_global】下的【node_modules】文件夹里</p>
<p><img src="https://qqcq.oss-cn-shanghai.aliyuncs.com/undefinedb00f67a314b0408ea81ff277584bce84.png"></p>
<p><strong>结尾</strong></p>
<p>希望对大家有所帮助！</p>
<p><img src="" alt="image-20240529093742324" loading="lazy"></p>
<p><img src="" alt="image-20240529093930588" loading="lazy"></p>
<p><img src="" alt="image-20240529094152441" loading="lazy"></p>
<p><img src="" alt="image-20240529094303480" loading="lazy"></p><br><br>
来源：https://www.cnblogs.com/xiaodaidaiPro/p/18253830

查看完整版本: Node.js下载安装及环境配置教程【超详细】