使用nvm管理node.js版本以及更换npm淘宝镜像源
<p></p><div class="toc"><div class="toc-container-header">目录</div><ul><li>1,前言</li><li>2,安装nvm</li><li>3,nvm的使用</li><li>4,错误处理</li><li>5,修改npm默认镜像源</li><li>6,win10下cnpm报错</li></ul></div><p></p><h1 id="1前言">1,前言</h1>
<hr>
<p><code>注意:此教程仅限Windows,Mac可能不适用</code></p>
<p>在我们的日常开发中可能会遇到这种情况:手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的<code>node.js</code>,如果没有一个合适的工具,这个问题将非常棘手。所以,<code>nvm</code>应运而生。</p>
<h1 id="2安装nvm">2,安装nvm</h1>
<hr>
<p>1,首先需要卸载已安装的<code>node.js</code>,卸载完成后,请检查环境变量,如果还有<code>node.js</code>,请去掉,保证系统已经无任何<code>node.js</code>残留。</p>
<p>nvm下载网址:https://github.com/coreybutler/nvm-windows/releases</p>
<p><img src="https://img-blog.csdnimg.cn/20210421223509492.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BkZDExOTk3MTEwMTAz,size_16,color_FFFFFF,t_70#pic_center"></p>
<p>2,进入<code>nvm</code>下载地址,下载<code>nvm-setup</code>安装包,</p>
<p>3,下载完成后,解压,运行安装文件,安装路径不要有中文,空格等,不要放在<code>C</code>盘,可能会出现无法访问的情况。</p>
<p>4,打开<code>cmd</code>,输入<code>nvm</code>,出现下面这一堆字就是安装成功了</p>
<p><img src="https://img-blog.csdnimg.cn/20210421224113786.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BkZDExOTk3MTEwMTAz,size_16,color_FFFFFF,t_70#pic_center"></p>
<p>5,配置下载镜像,在<code>nvm</code>安装路径下找到<code>setting.txt</code>文件,打开,新增如下信息</p>
<pre><code class="language-javascript">node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
</code></pre>
<p>增加后如下<br>
<img src="https://img-blog.csdnimg.cn/20210421224506112.png#pic_center"></p>
<pre><code class="language-javascript">第一行是nvm安装路径
第二行是nodejs路径
第三行是node下载镜像
第四行是npm下载镜像
</code></pre>
<h1 id="3nvm的使用">3,nvm的使用</h1>
<hr>
<p>找到<code>cmd</code>,使用管理员模式打开</p>
<p>1,安装指定<code>node.js</code>版本</p>
<pre><code class="language-javascript">nvm install 14.16
</code></pre>
<p>2,安装完成之后,需要使用才能生效</p>
<pre><code class="language-javascript">nvm use 14.16
</code></pre>
<p>3,查看当前已安装的<code>node.js</code>版本,带*号的是正在使用的</p>
<pre><code class="language-javascript">nvm ls
</code></pre>
<h1 id="4错误处理">4,错误处理</h1>
<hr>
<p>1,出现<code>node.js</code>拒绝访问</p>
<p><img src="https://img-blog.csdnimg.cn/20210421230019661.png#pic_center"></p>
<p>解决办法:卸载<code>nvm</code>,检查是否有<code>node.js</code>残留,包括环境变量,重启,重装<code>nvm</code></p>
<hr>
<p>2,<code>npm -v</code>,出现npm不是内部或者外部的命令</p>
<p><img src="https://img-blog.csdnimg.cn/20210421230348815.png#pic_center"></p>
<p>这是因为8.11以上版本的<code>node.js</code>对应的<code>npm</code>都没法自动安装,需要手动安装对应版本的<code>npm</code>。</p>
<p>npm各版本下载地址:https://npm.taobao.org/mirrors/npm</p>
<p>下载完成后,解压,将文件夹名字改成<code>npm</code>,放入<code>nvm</code>安装目录中对应<code>node.js</code>版本的文件夹里面的<code>node_modules</code>文件夹中,然后,在文件夹中找到<code>bin</code>文件夹,将下图4个文件复制,粘贴到<code>node_modules</code>的同级目录里</p>
<p><img src="https://img-blog.csdnimg.cn/20210421231036816.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BkZDExOTk3MTEwMTAz,size_16,color_FFFFFF,t_70#pic_center"><br>
至此,解决。</p>
<h1 id="5修改npm默认镜像源">5,修改npm默认镜像源</h1>
<p>修改<code>npm</code>镜像源为淘宝镜像</p>
<pre><code class="language-javascript">npm config set registry https://registry.npm.taobao.org
</code></pre>
<p>检查是否成功</p>
<pre><code class="language-javascript">npm config get registry
</code></pre>
<p>或者直接安装淘宝镜像(命令如下,使用起来就是cnpm)</p>
<pre><code class="language-javascript">npm i -g cnpm --registry=https://registry.npm.taobao.org
</code></pre>
<h1 id="6win10下cnpm报错">6,win10下cnpm报错</h1>
<hr>
<p>1,在开始菜单里找到<code>Windows PowerShell</code>,并以管理员身份运行</p>
<p><img src="https://img-blog.csdnimg.cn/20210421232100801.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BkZDExOTk3MTEwMTAz,size_16,color_FFFFFF,t_70#pic_center"></p>
<p>2,输入<code>set-ExecutionPolicy RemoteSigned</code>,回车,出现下图这段话后,输入<code>a</code>回车</p>
<p><img src="https://img-blog.csdnimg.cn/20210421232115239.png#pic_center"><br>
3,再输入<code>get-ExecutionPolicy</code>,回车,出现<code>RemoteSigned</code>即为成功</p>
<p><img src="https://img-blog.csdnimg.cn/20210421232204869.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BkZDExOTk3MTEwMTAz,size_16,color_FFFFFF,t_70#pic_center"></p>
<p><strong>如果看了觉得有帮助的,我是@上进的鹏多多,欢迎 点赞 关注 评论;<br>
END</strong></p>
<p><img src="//pub.idqqimg.com/wpa/images/group.png"></p>
<p><mark>往期文章</mark></p>
<ul>
<li>微信小程序自定义Tabbar,附详细源码</li>
<li>细数JS中实用且强大的操作符&运算符</li>
<li>微信小程序request请求的封装</li>
<li>微信小程序API交互的自定义封装</li>
</ul>
<p><mark>个人主页</mark></p>
<ul>
<li>CSDN</li>
<li>GitHub</li>
<li>简书</li>
<li>博客园</li>
<li>掘金</li>
</ul>
</div>
<div id="MySignature" role="contentinfo">
接受失败,但不选择放弃!<br><br>
来源:https://www.cnblogs.com/-pdd/p/14688381.html
頁:
[1]