node.js 安装详细步骤教程
<h2>1、下载安装包</h2><p>Node.js 官方网站下载：<span style="text-decoration: underline">https://nodejs.org/en/</span></p>
<p>选择操作系统对应的包：</p>
<p><img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030110631922-1619873142.png"></p>
<p> 点击下载。</p>
<p> </p>
<h2>2、安装</h2>
<p> 打开安装</p>
<p><img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030110858144-210902373.png"></p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030111058634-623585619.png"></p>
<p> </p>
<p> 选择安装位置，我这里装在D盘下：</p>
<p><img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030111135316-806607867.png"></p>
<p> </p>
<p><img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030111215957-1234008458.png"></p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030111237414-2118756337.png"></p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030111255941-1645656532.png"></p>
<p> </p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030111323559-892563880.png"></p>
<p> 安装成功，文件夹结构如下，并在上面安装过程中已自动配置了环境变量和安装好了npm包，此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号：</p>
<p><img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030111445522-1281983730.png"></p>
<p> </p>
<p> </p>
<h2>3、配置npm在安装全局模块时的路径和缓存cache的路径</h2>
<p> 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，如下图所示：</p>
<p><img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030112023150-1036661411.png"></p>
<p> </p>
<p> </p>
<p>所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache，然后在cmd命令下执行如下两个命令：</p>
<p>npm config set prefix "D:\Program Files\nodejs\node_global"</p>
<p>npm config set cache "D:\Program Files\nodejs\node_cache"</p>
<p><img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030112115241-1931341135.png"></p>
<p> </p>
<p> 执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”， 值为“D:\Program Files\nodejs\node_modules”，如下图：</p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030112202965-777067300.png"></p>
<p> </p>
<p> 最后编辑用户变量里的Path，将相应npm的路径改为：D:\Program Files\nodejs\node_global，如下：</p>
<p> 更改前：</p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030112311078-601603416.png"></p>
<p> </p>
<p> 更改后：</p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030112349518-1216680701.png"></p>
<p> </p>
<p> 配置完成。</p>
<p> </p>
<h2>4、测试</h2>
<p> 在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效：</p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030112645703-547771429.png"></p>
<p> </p>
<p> </p>
<p>webpack 也已安装成功，执行 npm webpack -v 可以看到所安装webpack的版本号：</p>
<p> <img src="https://img2020.cnblogs.com/blog/1240180/202110/1240180-20211030112728328-1729485827.png"></p>
<p> </p>
<p> </p>
<p> </p>
<p>转载自 https://blog.csdn.net/antma/article/details/86104068</p>
<p> </p><br><br>
来源：https://www.cnblogs.com/zsg88/p/15484564.html
頁:
[1]