格局天下 發表於 2021-10-14 22:26:00

NVM安装Node.js

<h1>前言</h1>
<p><span style="font-size: 15px">前段时间,一个朋友接手了一个vue开发的前端项目,项目始终编译通不过,启动不起来。询问我,我还是给了不少解决方法,他说试了都不行。过后突然想起之前学的前端视频,有提到过要对开发前端项目时,要对node.js的版本进行管理。果然他是下了一个最新node.js版本进行编译运行,降低了版本后,项目就正常编译运行了。</span></p>
<p><span style="font-size: 15px">前端最近几年发展尤为迅速,版本迭代也很多,很多以前的项目是依赖于不同版本的node.js,于是为了方便处理各版本的node.js切换,就不能直接安装node.js,需要通过NVM来进行安装。</span><span style="font-size: 15px">NVM (node.js version management),是一个node.js的版本管理工具,通过它可以快速安装和切换不同版本的nodejs。</span></p>
<p>&nbsp;</p>
<h1>1、下载</h1>
<p><span style="font-size: 15px">该应用维护在github上,项目叫:coreybutler/nvm-windows,选择最新或者次新版本下载即可,这里使用次新1.1.7版本作为示例版本。</span></p>
<p><img src="https://img2020.cnblogs.com/blog/978169/202110/978169-20211014212601362-1179099370.png"></p>
<p>&nbsp;</p>
<p><span style="font-size: 15px">1.1.7版本直接下载地址:https://github.com/coreybutler/nvm-windows/releases/download/1.1.7/nvm-setup.zip</span></p>
<p>&nbsp;</p>
<h1>2、安装</h1>
<ul>
<li><span style="font-size: 15px">下载完毕后,进行解压缩,双击nvm-setup.exe进行安装;</span></li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/978169/202110/978169-20211014213205123-1849810418.png"></p>
<ul>
<li>&nbsp;<span style="font-size: 15px">选择nvm安装路径(<strong><span style="color: rgba(255, 0, 0, 1)">切记路径文件夹命名不要带中文或者空格</span></strong>)</span></li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/978169/202110/978169-20211014213555795-489671592.png"></p>
<ul>
<li><span style="font-size: 15px">选择node.js的下载安装路径(<span style="color: rgba(255, 0, 0, 1)"><strong>切记路径文件夹命名不要带中文或者空格</strong></span>)</span></li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/978169/202110/978169-20211014213812833-2030107824.png"></p>
<ul>
<li><span style="font-size: 15px">&nbsp;继续下一步,最后一个界面点击最后点击Finish,安装完成,启动cmd,输入nvm v,是否显示版本,显示则表明安装成功。</span></li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/978169/202110/978169-20211014214221315-394375888.png"></p>
<p>&nbsp;</p>
<h1>3、配置下载源</h1>
<p><span style="font-size: 15px">为了加快node.js和npm的下载速度,最好配置国内的node.js和npm下载源。在nvm的安装路径下,找到setting.txt文件,添加如下代码</span></p>
<div class="cnblogs_code">
<pre>node_mirror: https:<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>
<p><img src="https://img2020.cnblogs.com/blog/978169/202110/978169-20211014215134175-1572884370.png"></p>
<p>&nbsp;</p>
<h1>4、安装管理node.js</h1>
<ul>
<li><span style="font-size: 15px">安装,命令中的版本号可自定义。</span></li>
</ul>
<div class="cnblogs_code">
<p>C:\Users\azure&gt;<span style="color: rgba(255, 102, 0, 1)">nvm install 16.11.0</span><br>Downloading node.js version 16.11.0 (64-bit)...<br>Complete<br>Creating E:\Application\nvm\temp</p>
<p>Downloading npm version 8.0.0... Complete<br>Installing npm v8.0.0...</p>
<p>Installation complete. If you want to use this version, type</p>
<p>nvm use 16.11.0</p>













</div>
<ul>
<li><span style="font-size: 15px">查看本地安装的所有版本;有可选参数available,显示所有可下载的版本。</span></li>













</ul>
<div class="cnblogs_code">
<p>C:\Users\azure&gt;<span style="color: rgba(255, 102, 0, 1)">nvm list</span></p>
<p> * 16.11.0 (Currently using 64-bit executable)<br>    14.18.1</p>













</div>
<ul>
<li><span style="font-size: 15px">使用特定版本。</span></li>













</ul>
<div class="cnblogs_code">
<pre>C:\Users\azure&gt;<span style="color: rgba(255, 102, 0, 1)">nvm use 16.11.0</span><span style="color: rgba(0, 0, 0, 1)">
Now using node v16.</span><span style="color: rgba(128, 0, 128, 1)">11.0</span> (<span style="color: rgba(128, 0, 128, 1)">64</span>-bit)</pre>
</div>
<ul>
<li><span style="font-size: 15px">卸载版本。</span></li>
</ul>
<div class="cnblogs_code">
<p>C:\Users\azure&gt;<span style="color: rgba(255, 102, 0, 1)">nvm uninstall 14.18.1</span><br>Uninstalling node v14.18.1... done</p>













</div>
<p>&nbsp;</p>
<h1>5、NVM命令解读</h1>
<p><span style="font-size: 15px">命令窗口输入 nvm,可以查看nvm的所有命令。</span></p>
<div class="cnblogs_code">
<pre><em><span style="color: rgba(0, 0, 0, 1)">C:\Users\azure&gt;<span style="color: rgba(255, 102, 0, 1)">nvm</span><br>Running version </span><span style="color: rgba(128, 0, 128, 1)">1.1</span>.<span style="color: rgba(128, 0, 128, 1)">7</span><span style="color: rgba(0, 0, 0, 1)">.

Usage:
<br> <span style="color: rgba(0, 255, 0, 1)"># 显示node的版本是32或64位版本</span>
nvm arch                     : Show </span><span style="color: rgba(0, 0, 255, 1)">if</span> node is running <span style="color: rgba(0, 0, 255, 1)">in</span> <span style="color: rgba(128, 0, 128, 1)">32</span> or <span style="color: rgba(128, 0, 128, 1)">64</span><span style="color: rgba(0, 0, 0, 1)"> bit mode.<br><span style="color: rgba(0, 255, 0, 1)"># 安装指定版本的node.js</span>
nvm </span><span style="color: rgba(0, 0, 255, 1)">install</span> &lt;version&gt; : The version can be a node.js version or <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">latest</span><span style="color: rgba(128, 0, 0, 1)">"</span> <span style="color: rgba(0, 0, 255, 1)">for</span><span style="color: rgba(0, 0, 0, 1)"> the latest stable version.
                                 Optionally specify whether to </span><span style="color: rgba(0, 0, 255, 1)">install</span> the <span style="color: rgba(128, 0, 128, 1)">32</span> or <span style="color: rgba(128, 0, 128, 1)">64</span><span style="color: rgba(0, 0, 0, 1)"> bit version (defaults to system arch).
                                 Set to </span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">all</span><span style="color: rgba(128, 0, 0, 1)">"</span> to <span style="color: rgba(0, 0, 255, 1)">install</span> <span style="color: rgba(128, 0, 128, 1)">32</span> AND <span style="color: rgba(128, 0, 128, 1)">64</span><span style="color: rgba(0, 0, 0, 1)"> bit versions.
                                 Add </span>--<span style="color: rgba(0, 0, 0, 1)">insecure to the end of this command to bypass SSL validation of the remote download server.<br></span></em><span style="color: rgba(0, 255, 0, 1)"># 列出所有已下载可用的node.js版本<em><br></em></span><em id="__mceDel"><span>nvm list          : List the node.js installations. Type </span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">available</span><span style="color: rgba(128, 0, 0, 1)">"</span> at the end to see what can be installed. Aliased as <span style="color: rgba(0, 0, 255, 1)">ls</span><span>.</span></em></pre>
<pre><em id="__mceDel"><em id="__mceDel"></em><span style="color: rgba(0, 255, 0, 1)"># 开启nvm对node.js的版本管理</span><em id="__mceDel"><span style="color: rgba(0, 0, 0, 1)">
nvm on                     : Enable node.js version management.<br> <span style="color: rgba(0, 255, 0, 1)">#</span></span></em><span style="color: rgba(0, 255, 0, 1)"> 关闭nvm对node.js的版本管理</span><em id="__mceDel"><span style="color: rgba(0, 0, 0, 1)"><br>nvm off                      : Disable node.js version management.<br></span></em><span style="color: rgba(0, 255, 0, 1)"># 设置下载代理地址</span><em id="__mceDel"><span style="color: rgba(0, 0, 0, 1)">
nvm proxy             : Set a proxy to use </span><span style="color: rgba(0, 0, 255, 1)">for</span><span style="color: rgba(0, 0, 0, 1)"> downloads. Leave blank to see the current proxy.
                                 Set to </span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">none</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)"> to remove the proxy.<br></span></em><span style="color: rgba(0, 255, 0, 1)"># 设置node下载镜像地址</span><em id="__mceDel"><span style="color: rgba(0, 0, 0, 1)">
nvm node_mirror       : Set the node mirror. Defaults to https:</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">nodejs.org/dist/. Leave blank to use default url.</span>
</em><span style="color: rgba(0, 255, 0, 1)"># 设置npm下载镜像地址</span><em id="__mceDel"><br> nvm npm_mirror          : Set the npm mirror. Defaults to https:<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">github.com/npm/cli/archive/. Leave blank to default url.</span>
</em></em><span style="color: rgba(0, 255, 0, 1)"># 卸载指定版本</span><em id="__mceDel"><em id="__mceDel"><br> nvm uninstall &lt;version&gt;<span style="color: rgba(0, 0, 0, 1)">      : The version must be a specific version.<br></span></em></em><span style="color: rgba(0, 255, 0, 1)"># 指定node.js生效版本</span><em id="__mceDel"><em id="__mceDel"><span style="color: rgba(0, 0, 0, 1)">
nvm use    : Switch to use the specified version. Optionally specify </span><span style="color: rgba(128, 0, 128, 1)">32</span>/<span style="color: rgba(0, 0, 0, 1)">64bit architecture.
                                 nvm use </span>&lt;arch&gt; will continue using the selected version, but switch to <span style="color: rgba(128, 0, 128, 1)">32</span>/<span style="color: rgba(128, 0, 128, 1)">64</span><span style="color: rgba(0, 0, 0, 1)"> bit mode.<br></span></em></em><span style="color: rgba(0, 255, 0, 1)"># 设置不同node.js版本存储路径</span><em id="__mceDel"><em id="__mceDel"><span style="color: rgba(0, 0, 0, 1)">
nvm root             : Set the directory where nvm should store different versions of node.js.
                                 If </span>&lt;path&gt;<span style="color: rgba(0, 0, 0, 1)"> is not set, the current root will be displayed.<br></span></em></em><span style="color: rgba(0, 255, 0, 1)"># 查看nvm安装版本,可缩写为 nvm v</span><em id="__mceDel"><em id="__mceDel"><span style="color: rgba(0, 0, 0, 1)">
nvm version                  : Displays the current running version of nvm </span><span style="color: rgba(0, 0, 255, 1)">for</span> Windows. Aliased as v.</em></em></pre>
</div>
<p>&nbsp;</p>
<h1>6、总结</h1>
<p><span style="font-size: 15px">如果安装后,使用nvm或者安装node.js使用node命令不生效。</span></p>
<p><span style="font-size: 15px">  1)重启一下电脑,再试;</span></p>
<p><span style="font-size: 15px">  2)检查环境变量中是否存在 NVM_HOME、NVM_SYMLINK变量、及path是否引用;</span></p>
<p>&nbsp;</p>
<p><span style="font-size: 15px">总的来说,nvm安装使用十分方便,要使用node.js请使用nvm将版本管理起来。</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<blockquote>
<p>  &nbsp;成功 = 正确的选择 + 实际的行动 + 长期的坚持;</p>
</blockquote>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/gangbalei/p/15408811.html
頁: [1]
查看完整版本: NVM安装Node.js