node.js安装手把手教程
<p>第一步下载node：</p><pre><code> 1、 打开网址：https://nodejs.org/en/download/ 一般来选windows 64-bit（普通用户 ），直接下载
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023203140714-1130725239.png"></p>
<pre><code> 2、这里选择一个D盘，新建一个nodejs目录（储存你的node仓库），后续的你安装的依赖都是存放在这里
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023202424446-1175816664.png"><br>
3、这里是自动默认帮你添加path路径，后续直接next下去，等一下node就安装好了</p>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023203410866-597277561.png"></p>
<pre><code> 4、输入cmd打开命令行，输入echo %PATH%,这里已经帮你自动添加环境变量
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023203739533-1634651284.png"><br>
5、npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\nodejs</p>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023204719228-1091394365.png"></p>
<pre><code> 6、cmd切换到D:\nodejs目录下，然后建node_global、node_cache两个文件夹，然后运行以下2条命令：
1、 npm config set prefix "D:\nodejs\node_global"
2、 npm config set cache "D:\nodejs\node_cache"
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023204744763-1406171076.png"></p>
<pre><code> 7、如下图，我们再来关注一下npm的本地仓库，输入命令npm list -global
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023204831644-1015108254.png"></p>
<pre><code> 8、输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023204900365-1686814782.png"></p>
<pre><code> 9、输入命令npm config list 显示所有配置信息，我们关注一个配置文件
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023205134374-1888011061.png"></p>
<pre><code>10、使用文本编辑器编辑它，可以看到刚才的配置信息
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023205240024-1879124266.png"></p>
<pre><code>11、npm info vue 看看能否获得vue的信息检查一下镜像站是否有用如下图所示
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023205424413-872902341.png"></p>
<pre><code>12、注意，此时，默认的模块D:\nodejs\node_modules 目录 ，将会改变为D:\nodejs\node_global\node_modules 目录，如果直接运行npm install等命令会报错的。
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023205612097-1752346722.png"><br>
<img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023205625318-1871768185.png"></p>
<pre><code>13、我们需要增加环境变量NODE_PATH 内容是：D:\nodejs\node_global\node_modules如下图所示
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023205852920-1111245721.png"></p>
<pre><code>14、同样在需要在环境变量path路径中新增：D:\nodejs\node_global 如图所示
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202104/1525534-20210429183709724-591475182.png"></p>
<pre><code>15、关闭命令行窗口，因为环境变量发生了改变，我们要重新打开才会生效 测试NPM安装vue.js 命令：npm install vue -g
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023210244705-751233814.png"></p>
<pre><code>16、我们来看下目录结构，是不是已经发生了变化，之后只要全局（-g）下载的模块都会在D:\nodejs\node_global\node_modules里面，我们可以尝试下载多一些模块，是不是也是生成在这个目录里面
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1525534/202010/1525534-20201023210356649-1817786177.png"><br>
17、比如命令:npm install vue-router -g查看node_modules 目录下是不是也多出了vue-router,后续的安装就得看自己需要用到什么环境而去下载了 ，本期就到这里了<br>
18. 可以参考较为完整的node安装，和nvm管理 https://www.jianshu.com/p/276172ff56c1</p><br><br>
来源：https://www.cnblogs.com/laid/p/13866279.html 感谢楼主的分享！
非常详细的教程，步骤很清晰，对于新手来说非常友好！
我之前安装Node.js的时候走了不少弯路，主要是环境变量配置这块搞不清楚。看了楼主的教程才发现原来可以这样自定义安装目录和缓存位置，这样就不怕系统盘空间不足了。
有几个小问题想请教一下：
1. 关于第12步提到的，如果直接运行npm install会报错，是不是意味着以后每次安装全局模块都要注意路径的问题？我看教程里都是用-g参数来指定全局安装的。
2. 镜像站配置成淘宝的会不会有版本更新延迟的问题？有时候需要最新版本的包是不是还是得用官方源？
3. 楼主的教程是针对Windows系统的，如果是Mac或者Linux系统是不是也差不多类似的操作？
再次感谢楼主的无私分享！这种手把手教程对新手太有帮助了，论坛就需要这样热心的朋友！
源码公社 - 我们一起进步！
页:
[1]