Node.js安装记录
<h1 class="_1RuRku">Node.js安装及环境配置之Windows篇</h1><p>参考：https://www.jianshu.com/p/03a76b2e7e00</p>
<p> </p>
<p class="md-end-block md-p md-focus"><span class="md-plain md-expand">安装 Node.js 的时候会自动安装 npm ，并且 npm 就是 Node.js 的包管理工具(node package manager 的缩写)。</span></p>
<p class="md-end-block md-p"><span class="md-plain">参考：<span class="md-link">https://www.npmjs.com/about</span></span></p>
<p class="md-end-block md-p"><span class="md-plain">所以，安装Node.js默认就会安装npm，安装npm最简单的方式就是安装node。</span></p>
<p class="md-end-block md-p"><span class="md-plain">参考：<span class="md-link">https://docs.npmjs.com/downloading-and-installing-node-js-and-npm#using-a-node-installer-to-install-nodejs-and-npm</span></span></p>
<p class="md-end-block md-p"><span class="md-plain">安装Node一般使用2种安装方式，</span></p>
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
<p class="md-end-block md-p"><span class="md-plain">使用nvm(Node版本控制器 Node version manager)安装</span></p>
</li>
<li class="md-list-item">
<p class="md-end-block md-p"><span class="md-plain">直接去官网下载Node.exe安装包，双击运行即可安装</span></p>
</li>
</ul>
<p> </p>
<div class="rEsl9f">
<div class="_2mYfmT"><span style="font-size: 1.17em">一、安装环境</span></div>
</div>
<p>1、本机系统：Windows 10 （64位）<br>
2、Node.js：v12.13.1（64位）</p>
<h3>二、安装Node.js步骤</h3>
<p>1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/<br>
2、选安装目录进行安装<br>
3、环境配置<br>
4、测试</p>
<h3>三、前期准备</h3>
<p>1、Node.js简介<br>
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。<br>
2、下载Node.js<br>
打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图：</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 676px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 54.56%"><img src="//upload-images.jianshu.io/upload_images/2267589-bb1555667d5355af.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp"></div>
</div>
<div class="image-caption"><span style="font-size: 1.17em">四、开始安装</span></div>
</div>
<p>1、下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js</p>
<div class="image-package">
<div class="image-container" style="max-width: 618px; max-height: 483px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 78.16%"><img src="//upload-images.jianshu.io/upload_images/2267589-131af95ee6ebc811.png?imageMogr2/auto-orient/strip|imageView2/2/w/618/format/webp"></div>
</div>
</div>
<p>点击【Next】按钮</p>
<div class="image-package">
<div class="image-container" style="max-width: 618px; max-height: 483px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 78.16%"><img src="//upload-images.jianshu.io/upload_images/2267589-69648c7b8aa496fe.png?imageMogr2/auto-orient/strip|imageView2/2/w/618/format/webp"></div>
</div>
<div class="image-caption">勾选复选框，点击【Next】按钮</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 618px; max-height: 483px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 78.16%"><img src="//upload-images.jianshu.io/upload_images/2267589-b87cc08121e1c880.png?imageMogr2/auto-orient/strip|imageView2/2/w/618/format/webp"></div>
</div>
<div class="image-caption">修改好目录后，点击【Next】按钮</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 618px; max-height: 483px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 78.16%"><img src="//upload-images.jianshu.io/upload_images/2267589-f40b21a6ccbebefa.png?imageMogr2/auto-orient/strip|imageView2/2/w/618/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 618px; max-height: 483px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 78.16%"><img src="//upload-images.jianshu.io/upload_images/2267589-3a9b3706c81fb5fa.png?imageMogr2/auto-orient/strip|imageView2/2/w/618/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>安装完后点击【Finish】按钮完成安装</p>
<p><img src="//upload-images.jianshu.io/upload_images/2267589-adca4baa7f0d7190.png?imageMogr2/auto-orient/strip|imageView2/2/w/618/format/webp"></p>
<p>主要是这一段<br>本机模块工具<br>//这块是弹窗内容<br>Tools for Native Modules Optionally install the tools necessary to compile native modules.<br>Some npm modules need to compiled from C/C++ when installing. If you want to be able to install such modules, some tools(Python 2 and Visual Studio Build Tools) need to be installed.<br>//下面这段是个复选框<br>Automatically install the necessary tools. Note that this will also install Chocolatey. The script will pop-up in a new window after the installation copletes.</p>
<p>Alternatively, follow the instructions at https://github.com/nodejs/node-gyp#on-windows to install the dependencies yourself.</p>
<p>这是在告诉会给你自动安装2个工具：</p>
<p>构建工具(Python 2和Visual Studio构建工具)<br>Chocolatey</p>
<p>构建工具是因为一些npm模块需要使用C/C++编译，如果想要编译这些模块，则需要安装这个工具。如果不安装这个构建工具，在之后使用 npm 安装模块的时候，会报错：gyp ERR! find Python<br>如果见到这个错误，知道是因为没有安装 构建工具。</p>
<p>构建工具和 Chocolatey 都是必装的，如果现在没有安装，可以之后再手动安装，提示里已经给出了相关解释：https://github.com/nodejs/node-gyp#on-windows</p>
<p>该提示还告诉你 Chocolatey 会在后面弹出一个 cmd 来安装。</p>
<p>为了避免以后麻烦，这里强烈建议选择“Automatically install …” ，然后 Next…</p>
<p>PowerShell安装：构建工具(Python 2和Visual Studio构建工具) Chocolatey<br>安装完后弹出了一个蓝色的命令行界面，在继续安装上面说的那2个工具，这个界面一开始很长一段时间会有个光标闪很久才开始下载和安装。<br>（这里也是网上很多教程没有提到的部分）</p>
<p><img src="https://img2020.cnblogs.com/blog/1738721/202004/1738721-20200410181044460-709906794.png"></p>
<p> </p>
<p> </p>
<p>等安装完后会有 type enter to exit 的提示，回车就ok了<br>————————————————<br><br></p>
<div class="image-package">
<div class="image-caption">至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置</div>
</div>
<p>
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口</p>
<div class="image-package">
<div class="image-container" style="max-width: 513px; max-height: 272px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 53.02%"><img src="//upload-images.jianshu.io/upload_images/2267589-19531194e378a38a.png?imageMogr2/auto-orient/strip|imageView2/2/w/513/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 639px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 52.25%"><img src="https://img2020.cnblogs.com/blog/1738721/202004/1738721-20200410175840024-1419427167.png">
<p> </p>
<p> 安装完后的目录如下图所示：</p>
</div>
</div>
</div>
<p><img src="//upload-images.jianshu.io/upload_images/2267589-261e36d32bc47133.png?imageMogr2/auto-orient/strip|imageView2/2/w/1080/format/webp"></p>
<div class="image-package">
<div class="image-caption"> </div>
</div>
<p>此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西</p>
<h3>五、环境配置</h3>
<p>说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express[-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。<br>
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 568px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 81.2%"><img src="//upload-images.jianshu.io/upload_images/2267589-51ed23771f3a86e2.png?imageMogr2/auto-orient/strip|imageView2/2/w/1080/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p>创建完两个空文件夹之后，打开cmd命令窗口，输入</p>
<div class="_2Uzcx_">
<pre class="line-numberslanguage-swift"><code class="language-swift">npm config <span class="token keyword">set</span> <span class="token keyword">prefix</span> <span class="token string">"D:\Develop\nodejs\node_global"</span>
npm config <span class="token keyword">set</span> cache <span class="token string">"D:\Develop\nodejs\node_cache"</span>
</code></pre>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 639px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 52.25%"><img src="//upload-images.jianshu.io/upload_images/2267589-e22cf1b878275757.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp"></div>
</div>
<div class="image-caption">接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 401px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 57.39%"><img src="//upload-images.jianshu.io/upload_images/2267589-7fd332c898799325.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】</p>
<p><img src="//upload-images.jianshu.io/upload_images/2267589-ca94af8646fab0b4.png?imageMogr2/auto-orient/strip|imageView2/2/w/852/format/webp"></p>
<div class="image-package">
<div class="image-caption"> </div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 685px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 97.86%"><img src="//upload-images.jianshu.io/upload_images/2267589-d469f4d79081582a.png?imageMogr2/auto-orient/strip|imageView2/2/w/794/format/webp"></div>
</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 677px; max-height: 664px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 98.08%"><img src="//upload-images.jianshu.io/upload_images/2267589-f46d2598f3d53958.png?imageMogr2/auto-orient/strip|imageView2/2/w/677/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 677px; max-height: 664px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 98.08%"><img src="//upload-images.jianshu.io/upload_images/2267589-3c48768a577428f5.png?imageMogr2/auto-orient/strip|imageView2/2/w/677/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<h3><span style="font-size: 1.17em">六、测试</span></h3>
<p>配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，<br>
输入如下命令进行模块的全局安装：</p>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-bash"><code class="language-bash">npm install express -g # -g是全局安装的意思
</code></pre>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 627px; background-color: rgba(0, 0, 0, 0)">
<div class="image-container-fill" style="padding-bottom: 51.27%"><img src="//upload-images.jianshu.io/upload_images/2267589-fb7a6e61c1b99541.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<h3>补充</h3>
<p>通过npm安装模块时都是去国外的镜像下载的，有的时候由于网络原因会导致安装模块失败，好在阿里有团队维护国内镜像:http://npm.taobao.org/ 上面有使用说明</p>
<div>
<div>
<p>我们使用npm install 安装第三方库的时候，经常会感觉到速度特别慢，这是因为npm的镜像在国外。为了提高速度，我们可以使用淘宝镜像。配置淘宝镜像有两种方法。</p>
<ol>
<li>使用命令行 <code>npm config set registry https://registry.npm.taobao.org</code></li>
<li>编辑 ~/.npmrc 文件，加入一行 <code>registry = https://registry.npm.taobao.org</code></li>
</ol><hr>
<p>配置完成之后，可以使用 <code>npm config list</code> 来验证是否配置成功。</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="597" data-height="251"><img src="//upload-images.jianshu.io/upload_images/7077173-2243373e49e66f4f.png?imageMogr2/auto-orient/strip|imageView2/2/w/597/format/webp"></div>
</div>
</div>
</div>
<br><br><br></div>
<div class="_1kCBjS">
<div class="_18vaTa">
<div class="_3BUZPB">
<div class="_2Bo4Th">
<p><span style="font-size: 18px"><strong>Node.js的卸载</strong></span><br>在控制面板-程序-程序和功能中卸载<br>卸载后 到文件夹中进行进一步的删除<br>检查环境变量中Path中有没有<br>最后 重启一下 结束<br>在控制面板-程序-程序和功能中卸载<br>确保node.js没有在后台运行的情况下，进行卸载，可做重启操作后，在到控制面板中找到node.js进行卸载</p>
<p>卸载后 到文件夹中进行进一步的删除<br>C:\Program Files (x86)\Nodejs<br>C:\Program Files\Nodejs<br>C:\Users\Administrator\AppData\Roaming\npm<br>C:\Users\Administrator\AppData\Roaming\npm-cache</p>
<p>以上是默认路径，若修改过路径请按照修改路径进行删除。<br>删除上述的几个文件夹 Administrator是我的用户名 每个人可能不一样</p>
<p>检查环境变量中Path中有没有<br>有的话 进行删除</p>
<p>最后 重启一下 结束<br><br></p>
</div>
</div>
</div>
</div><br><br>
来源：https://www.cnblogs.com/liangxfng/p/12675115.html
頁:
[1]