nvm的安装及Node.js环境配置，npm, yarn, pnpm包缓存
<h3>一、nvm是什么？<br></h3>
<p> nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看、等等</p>
<h3>二、nvm的安装</h3>
<p><strong>1.windows包下载地址：<span style="color: rgba(255, 0, 0, 1)">目前我用的1.1.11</span></strong></p>
<p><strong> 下载nvm安装包，下载地址：https://github.com/coreybutler/nvm-windows/releases<br></strong></p>
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231110112203848-1083364354.png" alt="" width="685" height="550" loading="lazy"></p>
<p><strong>2. 双击安装文件 nvm-setup.exe文件进行安装：</strong></p>
<p><strong>（1）安装 </strong>（注意这里：默认安装到C盘，可以修改地址）<span style="color: rgba(255, 0, 0, 1)">nvm可以自定义路径，node默认安装在C盘，不改变，不然会切换node有权限问题</span></p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231110112017546-1325645194.png" alt="" width="476" height="272" loading="lazy"></p>
</div>
</div>
</div>
<div class="image-package">
<div class="image-container">
<div class="image-view" data-width="502" data-height="392">
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231110111931907-1637968814.png" alt="" width="473" height="336" loading="lazy"></p>
</div>
</div>
</div>
<p> 之后finish就完成安装了。完成可以以下方式检测</p>
<div class="image-package">
<div class="image-container">
<div class="image-view" data-width="705" data-height="212">
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231113202516697-1032920004.png" alt="" width="629" height="399" loading="lazy"></p>
</div>
</div>
</div>
<p><span style="color: rgba(255, 0, 0, 1)"> <span style="background-color: rgba(255, 255, 255, 1)">如果安装到其它盘，则需要配置相对应的环境，如图</span></span></p>
<div class="image-package">
<div class="image-container">
<div class="image-view" data-width="621" data-height="655">
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231113202411856-1896066646.png" alt="" width="686" height="479" loading="lazy"></p>
</div>
</div>
</div>
<div class="image-package">
<div class="image-container">
<div class="image-view" data-width="1111" data-height="670">
<p> </p>
</div>
</div>
</div>
<p><strong> （2）配置</strong></p>
<p> 找到nvm文件位置，点开setting</p>
<div class="image-package">
<div class="image-container">
<div class="image-view" data-width="928" data-height="662">
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231113202809967-715780767.png" alt="" loading="lazy"></p>
<p> </p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">然后在它后面输入以下代码：（这是配置镜像源）
node_mirror: https:</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">npm.taobao.org/mirrors/node/</span>
npm_mirror: https:<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">npm.taobao.org/mirrors/npm/</span></pre>
</div>
</div>
</div>
</div>
<h3>三、使用</h3>
<p>1.先卸载之前的node.js，保证卸干净</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231110111053129-1828974909.png" alt="" loading="lazy"></p>
<p><span style="font-size: 14px"> <strong>nvm的一些命令：</strong></span></p>
</div>
</div>
</div>
<div class="cnblogs_code">
<pre>nvm off <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 禁用node.js版本管理</span>
nvm on <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 启用node.js版本管理</span>
nvm install <version> <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 安装node.js的命名 version是版本号 例如：nvm install 16.8.1</span>
nvm uninstall <version> <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用</span>
nvm ls <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 显示所有安装的node.js版本，当前使用的版本前会带*号</span>
nvm list available <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 显示可以安装的所有node.js的版本</span>
nvm use <version> <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 切换到使用指定的nodejs版本</span>
nvm v <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 显示nvm版本</span>
nvm install stable <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 安装最新稳定版</span></pre>
</div>
<h3>四、全局配置node <span style="color: rgba(255, 0, 0, 1); font-size: 12px">（配置node的缓存全局仓库）注意：可以不用配置全局包路径看自己需求!!! 前面 3步已经完成NVM安装。</span></h3>
<p>1，在E:\webTool\nodejs<span style="color: rgba(255, 0, 0, 1)">（位置和目录名自己决定）</span>下创建两个文件夹【node_global】及【node_cache】</p>
<ul>
<li>node_cache：缓存目录</li>
<li>node_global：全局包目录</li>
</ul>
<div class="image-package">
<div class="image-caption">
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231113203015251-1738283484.png" alt="" width="506" height="214" loading="lazy"></p>
</div>
<div class="image-caption">2, 创建完两个空文件夹之后，打开cmd命令窗口，输入:</div>
</div>
<p>然后再命令行输入<span style="color: rgba(255, 0, 0, 1)">（路径要写对）</span></p>
<div class="cnblogs_code">
<pre>npm config <span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)"> prefix “E:\webTool\nodejs\node_global”
npm config </span><span style="color: rgba(0, 0, 255, 1)">set</span> cache “E:\webTool\nodejss\node_cache”</pre>
</div>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">
<p><span style="font-size: 14px"> <span style="color: rgba(255, 0, 0, 1)">注意，完成在命令行中修改路径的操作之后，就会改变C盘-> 用户里的.npmsrc文件内容，就不要再去删除C盘-> 用户里的.npmsrc文件了</span></span></p>
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231110213534290-518629326.png" alt="" width="334" height="564" loading="lazy"></p>
<p> </p>
<p>3,接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”</p>
<p> a 用户变量--Path--新建：<span style="color: rgba(255, 0, 0, 1)">路径写自己安装的位置，别看图上路径</span></p>
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231113203408846-852806228.png" alt="" width="522" height="218" loading="lazy"></p>
<p> b 系统变量--新建：<span style="color: rgba(255, 0, 0, 1)">路径写自己安装的位置，别看图上路径</span></p>
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231113203443896-1580645104.png" alt="" loading="lazy"></p>
<p> 到此配置部分就完了~~~~</p>
<p> 检查全局变量是否配置好：</p>
<div class="cnblogs_code">
<pre>npm install express <em>-g # -g是全局安装的意思<br></em></pre>
<pre>npm install yarn -g</pre>
</div>
<p> 输入node，后输入“require(‘express’)”测试node模块的全局路径是否配置正确。</p>
<p> 最后结果：</p>
<p><img src="https://images2017.cnblogs.com/blog/1011670/201801/1011670-20180115204734224-518292072.png" alt="" class="medium-zoom-image"></p>
<p>环境变量就配好了，你现在的全局包都在你自定义的目录文件里面啦。</p>
<h3>四、如何你使用yarn 或者 pnpm， 你还可以配置yarn的全局安装位置和缓存位置</h3>
<p> 1.默认情况 yarn和pnpm全局包缓存在c盘的用户下； 如何你觉得不想安装在这里，你可以改变路径：</p>
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231114102528794-902776974.png" alt="" width="421" height="287" loading="lazy"></p>
<p> 2：百度搜索下：yarn pnpm改变全局安装路径 缓存 这里给下连接, 当然你还可以去查看官方的文档，看yarn，pnpm的config配置</p>
<p>1： yarn: https://www.jianshu.com/p/30ba1da2bde1</p>
<p>2: pnpm: https://blog.csdn.net/qq_27971677/article/details/130652057</p>
<p>3： 如下图我自己改变了yarn的包安装路径，因为在C盘太占空间了，文件很大</p>
<p><img src="https://img2023.cnblogs.com/blog/1780825/202311/1780825-20231114103302301-657500895.png" alt="" width="495" height="319" loading="lazy"></p>
<p> </p>
<p>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~完毕~~~~~~~~~~~~~~~·~~~~~~~~~~~~~~~~~~~~~~·</p>
</div>
</div>
</div><br><br>
来源：https://www.cnblogs.com/plBlog/p/17823763.html
頁:
[1]