做自己喜欢的事就是幸福 發表於 2019-9-1 11:04:00

Node.js安装详细步骤教程(Windows版)

<h3>什么是Node.js？</h3>
<p>简单的说 Node.js 就是运行在服务端的 JavaScript。</p>
<p>Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境；</p>
<p>Node.js使用一个事件驱动、非阻塞式 I/O 的模型，使其轻量且高效；</p>
<p>Node.js的软件包生态系统npm是全球最大的开源库生态系统。</p>
<h3>安装教程</h3>
<p>本机环境：Windows 7 旗舰版 64bit操作系统</p>
<h4>1.下载安装包</h4>
<p>Node.js 官方网站下载：https://nodejs.org/en/download/</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901100309192-921835361.png" alt="" width="749" height="408"></p>
<p>&nbsp;</p>
<p>下载完成，安装包如下：</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901100513207-624956442.png" alt=""></p>
<p>&nbsp;</p>
<h4>2.安装</h4>
<p>双击打开安装，下一步下一步即可（笔者安装路径为“D:\Program Files\nodejs”）：</p>
<p>&nbsp;</p>
<p>&nbsp;<img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901100800463-1611355809.png" alt="" width="442" height="346"></p>
<p>&nbsp;</p>
<p style="text-align: center"><strong>……</strong></p>
<p style="text-align: center"><strong><img src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901100914627-1885403639.png" alt="" width="444" height="347"></strong></p>
<p>&nbsp;</p>
<p>&nbsp;安装成功，测试安装是否成功，运行CMD，分别输入<strong>node -v</strong> 和 <strong>npm -v</strong> 分别查看node和npm的版本号，如下图所示：</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901101743418-645649144.png" alt="" width="455" height="168"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;安装完成后系统目录如图所示（其中，npm随安装程序自动安装，作用就是对Node.js依赖的包进行管理）：</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901102144900-1262957218.png" alt="" width="456" height="255"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h4>3.配置npm在安装全局模块时的路径和缓存cache的路径</h4>
<p>因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，</p>
<p>所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache，如图所示：</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901103455027-1589814201.png" alt="" width="459" height="269"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>然后在cmd命令下执行如下两个命令：</p>
<div class="cnblogs_code">
<pre>npm config <span style="color: rgba(0, 0, 255, 1)">set</span> prefix <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">D:\Program Files\nodejs\node_global</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">

npm config </span><span style="color: rgba(0, 0, 255, 1)">set</span> cache <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">D:\Program Files\nodejs\node_cache</span><span style="color: rgba(128, 0, 0, 1)">"</span></pre>
</div>
<p>执行命令，如下图所示：</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901103138962-1530796063.png" alt=""></p>
<p>&nbsp;</p>
<p>执行完后，配置环境变量，如下：</p>
<ul>
<li>“环境变量” -&gt; “系统变量”：新建一个变量名为 “<strong>NODE_PATH</strong>”， 值为<strong>“D:\Program Files\nodejs\<strong>node_global\node_modules</strong></strong>”，如下图：</li>
</ul>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2020.cnblogs.com/blog/1033899/202004/1033899-20200423003411277-1087479102.png" alt=""></p>
<ul>
<li>“环境变量” -&gt; “用户变量”：编辑用户变量里的<strong>Path</strong>，将相应npm的路径（“C:\Users\用户名\AppData\Roaming\npm”）改为：“<strong>D:\Program Files\nodejs\node_global</strong>”，如下：</li>
</ul>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901104327319-1890106895.png" alt=""></p>
<p>配置完成。&nbsp;</p>
<h4>4.测试</h4>
<p>&nbsp;在cmd命令下执行 <strong>npm install webpack -g </strong>安装webpack<strong>，</strong>如下图所示：</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901105120750-462923323.png" alt="" width="524" height="168"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>安装成功，自定义文件夹如下所示：</p>
<p><img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901104806487-238482989.png" alt="" width="505" height="180"></p>
<p>&nbsp;</p>
<p>&nbsp;<img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190901104839020-881720590.png" alt="" width="516" height="165"></p>
<p>&nbsp;</p>
<p>&nbsp;在cmd命令下执行&nbsp;<strong>webpack -v </strong>查看webpack版本，如下图所示：</p>
<p>&nbsp;<img style="display: block; margin-left: auto; margin-right: auto" src="https://img2018.cnblogs.com/blog/1033899/201909/1033899-20190910162714384-1021541731.png" alt=""></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>&nbsp;总结</h3>
<p>以上node.js的安装，笔者已亲测可用，希望本篇博客对您有所帮助，在安装配置过程中，若遇到问题，欢迎留言交流！</p>
<p>&nbsp;</p>

</div>
<div id="MySignature" role="contentinfo">
   <div style="display: flex;">
      <div><img style="height: 150px;"
          src="https://files-cdn.cnblogs.com/files/aizai846/%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.bmp"
          alt="公众号"></div>
      <div style="margin: 10px;line-height: 25px">
      <div>作者：码探长</div>
      <div>公众号：码探长</div>
      <div>出处：http://www.cnblogs.com/aizai846/</div>
      <div>如果你想得到探长更多相关技术文章的消息推送，或者获取相关下载资源，可以扫描左边二维码（或者长按识别二维码）关注个人公众号）。</div>
      <div>本文版权归作者和博客园共有，欢迎转载，但必须给出原文链接，并保留此段声明，否则保留追究法律责任的权利。 </div>
      </div>
    </div><br><br>
来源：https://www.cnblogs.com/matanzhang/p/11441693.html
頁: [1]
查看完整版本: Node.js安装详细步骤教程(Windows版)