岁月无伤 發表於 2022-4-14 19:08:00

Node.js安装详细教程

<p></p><div class="toc"><div class="toc-container-header">目录</div><ul><li>Node.js安装详细教程<ul><li>下载</li><li>安装</li><li>环境变量配置</li><li>文件结构</li><li>配置npm在安装全局模块时的路径和缓存cache的路径</li><li>测试</li><li>常见命令</li></ul></li></ul></div><p></p>
<h1 id="nodejs安装详细教程">Node.js安装详细教程</h1>
<p><img src="https://img1.baidu.com/it/u=1355779619,3714324655&amp;fm=253&amp;fmt=auto&amp;app=138&amp;f=PNG?w=463&amp;h=240" alt="img" loading="lazy"></p>
<p>👁官网下载地址:Download | Node.js (nodejs.org)</p>
<h2 id="下载">下载</h2>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190043069-106713674.png" alt="image" loading="lazy"></p>
<p><strong>下载好直接下一步即可，傻瓜式安装</strong></p>
<h2 id="安装">安装</h2>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190047007-583331242.png" alt="image" loading="lazy"></p>
<br>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190053427-524912137.png" alt="image" loading="lazy"></p>
<br>
<p><strong>安装的路径默认是<code>C:\Program Files\nodejs\</code>，建议修改</strong></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190105042-1461778414.png" alt="image" loading="lazy"></p>
<br>
<blockquote>
<p>下图根据本身的需要进行，我选择了默认<code>Node.js runtime</code>，而后<code>Next</code></p>
</blockquote>
<ul>
<li><code>Node.js runtime</code> ：表示运行环境</li>
<li><code>npm package manager</code>：表示npm包管理器</li>
<li><code>online documentation shortcuts</code> ：在线文档快捷方式</li>
<li><code>Add to PATH</code>：添加到环境变量</li>
</ul>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190119838-579602677.png" alt="image" loading="lazy"></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190124856-1192493747.png" alt="image" loading="lazy"></p>
<p><strong>可以直接下一步</strong></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190134318-1115954180.png" alt="image" loading="lazy"></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190138868-1170795679.png" alt="image" loading="lazy"></p>
<h2 id="环境变量配置">环境变量配置</h2>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190143953-623122122.png" alt="image" loading="lazy"></p>
<h2 id="文件结构">文件结构</h2>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190148732-280318281.png" alt="image" loading="lazy"></p>
<p><strong>通过执行 node -v 和 npm -v 分别查看node和npm的版本号：</strong></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190157721-1807088950.png" alt="image" loading="lazy"></p>
<h2 id="配置npm在安装全局模块时的路径和缓存cache的路径">配置npm在安装全局模块时的路径和缓存cache的路径</h2>
<blockquote>
<p>默认状况下，咱们在执行npm install -g 模块时，下载了一个全局包，这个包的默认存放路径<code>C:\Users\xxx\AppData\Roaming\npm\node_modules下</code>，时间长了肯定会占用C盘的资源，所以需要我们在<strong>node.js</strong>的安装目录下创建两个文件夹：<strong>node_global和node_cache</strong></p>
</blockquote>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190205570-380414491.png" alt="image" loading="lazy"></p>
<blockquote>
<p>然后执行这两个命令（改成自己的路径）：</p>
<p>npm config set prefix "D:\nodejs\node_global"</p>
<p>npm config set cache "D:\nodejs\node_cache"</p>
</blockquote>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190212829-1301312996.png" alt="image" loading="lazy"></p>
<p><strong>执行成功。然后在环境变量 -&gt; 系统变量中新建一个变量名为 “NODE_PATH”， 值为“D:\nodejs\node_modules”，如下图：</strong></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190218303-924640972.png" alt="image" loading="lazy"></p>
<p><strong>编辑用户变量里的Path，将相应npm的路径改为：D:\nodejs\node_global，如下：</strong></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190224202-77893737.png" alt="image" loading="lazy"></p>
<h2 id="测试">测试</h2>
<p>安装<code>cli</code>测试一下（这是我需要的，自行测试自己的模块），通过<code>npm install -g @vue/cli</code>安装</p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190232983-1157484656.png" alt="image" loading="lazy"></p>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190236844-678449359.png" alt="image" loading="lazy"></p>
<blockquote>
<p>这样就装好了</p>
</blockquote>
<p><img src="https://img2022.cnblogs.com/blog/2608072/202204/2608072-20220414190242216-622500857.png" alt="image" loading="lazy"></p>
<p><strong><font color="red">注意</font></strong></p>
<ul>
<li>在安装模块的时候建议使用管理员身份打开cmd，避免不必要的错误</li>
<li>安装模块过大，网络不稳定可能报错timeout等问题，重来一次就好了</li>
</ul>
<h2 id="常见命令">常见命令</h2>
<pre><code class="language-python">node -v：查看node版本

npm -v：查看npm版本

npm root -g：查看包的存放路径

npm init：会引导你建立一个package.json文件，包括名称、版本、作者等信息。

npm list：查看当前目录下已安装的node包。

npm ls：查看当前目录下已安装的node包。

npm install moduleNames：安装Node模块到本地目录node_modules下。

npm install &lt; name &gt; -g：将包安装到全局环境中。

npm install &lt; name &gt; --save：安装的同时，将信息写入package.json中，项目路径中若是有package.json文件时，直接使用npm install方法就能够根据dependencies配置安装全部的依赖包，这样代码提交到git时，就不用提交node_modules这个文件夹了。

npm install &lt; name&gt; --save-dev：安装的同时，将信息写入package.json中项目路径中若是有package.json文件时，直接使用npm install方法就能够根据devDependencies配置安装全部的依赖包，这样代码提交到git时，就不用提交node_modules这个文件夹了。

npm uninstall moudleName：卸载node模块

</code></pre><br><br>
来源：https://www.cnblogs.com/48xz/p/16146141.html
頁: [1]
查看完整版本: Node.js安装详细教程