windowns上搭建vscode+node.js开发环境
<h3 id="之前是用的webstrom写js最近想用vscode写js也顺带复习下javascript无赖被环境难上了于是有了这篇文章">之前是用的webstrom写js，最近想用vscode写js，也顺带复习下javascript，无赖被环境难上了于是有了这篇文章</h3><h3 id="由于某种原因导致下载国外的东西网都比较慢所以本次除工具其余的镜像均使用国内镜像">由于某种原因导致下载国外的东西网都比较慢，所以本次除工具，其余的镜像均使用国内镜像</h3>
<h3 id="默认你已经下载好了vscode">默认你已经下载好了vscode</h3>
<h1 id="nvm版本管理器相关">nvm版本管理器相关</h1>
<p><strong>1.下载nvm</strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830162621868-60780812.png" alt="下载nvm-setup.zip" loading="lazy"><br>
<strong>2.安装</strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830163033398-1785497826.png" alt="安装nvm" loading="lazy"><br>
就是下一步下一步完事，可以根据自己的情况选择nvm安装目录以及node.js存放目录<br>
<strong>3.更改为国内镜像</strong></p>
<h3 id="找到nvm安装路径我这里是dsoftwareinstallfilenvm找到里面的settingstxt">找到nvm安装路径，我这里是D:\softwareInstallFile\nvm，找到里面的settings.txt<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830163551616-1303671046.png" alt="settings.txt" loading="lazy"></h3>
<p><strong>在settings.txt最末尾添上</strong></p>
<pre><code>node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
</code></pre>
<p><strong>效果图</strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830164312439-438031385.png" alt="效果图" loading="lazy"><br>
<strong>nvm换淘宝镜像：新建系统环境变量NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node</strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830165938981-1391860660.png" alt="" loading="lazy"><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830170157721-1490984508.png" alt="" loading="lazy"><br>
<strong>关闭cmd在重新打开cmd</strong></p>
<h1 id="安装node">安装node</h1>
<p><strong>1.安装 Node.js 的最新稳定 LTS 版本（建议），首先通过 <code>nvm list available</code> 查找当前的 LTS 版本号，然后使用 <code>nvm install <version></code> 安装 LTS 版本号（将 <version> 替换为版本号 <code>nvm install 12.14.0</code>）</version></strong><br>
<strong>2.cmd下查找node.js版本</strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830164900015-103414507.png" alt="" loading="lazy"><br>
<strong>3.安装 nvm install 12.14.0</strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830170400913-2115988636.png" alt="" loading="lazy"><br>
<strong>4.列出安装的 Node 版本：nvm ls</strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830170949859-773793291.png" alt="" loading="lazy"><br>
<strong>5.在安装所需的 Node.js 版本后，通过输入 nvm use <version>（请将 <version> 替换为版本号，即 nvm use 12.9.0）来选择要使用的版本。</version></version></strong><br>
<img src="https://img2020.cnblogs.com/blog/1702700/202008/1702700-20200830171048526-1589511645.png" alt="" loading="lazy"><br>
<strong>若要更改要用于项目的 Node.js 版本，请创建新的项目目录 mkdir NodeTest，输入目录 cd NodeTest，然后输入 nvm use <version>，将 <version> 替换为要使用的版本号（即 v10.16.3`）。</version></version></strong><br>
<strong>验证哪个 npm 版本安装了 npm --version，此版本号将自动更改为与当前版本的 Node.js 关联的 npm 版本。</strong></p>
<h1 id="vscode配置">vscode配置</h1>
<p><strong>安装 Node.js扩展包</strong><br>
1.在 VS Code 中打开“扩展” 窗口 (Ctrl+Shift+X)。<br>
2.在“扩展”窗口顶部的搜索框中，输入：“Node 扩展包”（或要查找的任何扩展的名称）。<br>
3.选择“安装” 。 安装完成后，扩展将出现在“扩展” 窗口的“已启用”文件夹中。 可以通过选择新扩展说明旁的齿轮图标来禁用、卸载或配置设置<br>
<strong>可能需要考虑的几个附加扩展包括</strong></p>
<ul>
<li>Chrome 调试器：在服务器端通过 Node.js 完成开发后，需要开发并测试客户端。 此扩展将 VS Code 编辑器与 Chrome 浏览器调试服务进行集成，以提高工作效率。</li>
<li>来自其他编辑器的键映射：如果是从另一个文本编辑器（如 Atom、Sublime、Vim、eMacs、Notepad++ 等）进行转换，则这些扩展可帮助你的环境对此进行适应。</li>
<li>设置同步：可以使用 GitHub 在不同安装之间同步 VS Code 设置。 如果在不同的计算机上工作，这有助于在它们之间保持一致的环境。</li>
</ul>
<hr>
<p><strong>以上参考：</strong><br>
Windows-开发环境-Node.js<br>
使用nvm管理多个版本的node<br>
如何使用nvm-windows来管理nodejs版本</p>
</div>
<div id="MySignature" role="contentinfo">
本文为原创，如果转载请注明出处；<br><br>
来源：https://www.cnblogs.com/ze-yan/p/13585866.html
頁:
[1]