一、安装VSCode

VSCode是一款免费的跨平台代码编辑器，可以支持JavaScript等多种编程语言。在开始VSCode中运行JavaScript代码之前，需要先安装VSCode编辑器。安装VSCode的过程非常简单，在官网下载对应操作系统的安装包后，依照安装提示操作即可。安装完成后，我们就可以开始使用VSCode编辑器了。

二、创建JavaScript文件

在VSCode中创建一个JavaScript文件非常简单，只需在文件夹中右键点击鼠标，选择“新建文件”，然后命名该文件为“test.js”（这里以“test.js”为例），保存文件即可。我们现在就可以开始编写JavaScript代码了。

三、在VSCode中运行JavaScript代码

为了在VSCode中运行JavaScript代码，有两种方法。

1. 从终端中运行JavaScript代码

打开VSCode编辑器，按下快捷键 Ctrl+Shift+``，即可打开终端。在终端中，进入当前参数所在的文件夹，输入 node test.js（test.js` 是你创建的 JavaScript 文件名）即可运行代码。在终端中输出的结果即为代码运行的结果。

2. 使用 Code Runner 运行 JavaScript 代码

VSCode 默认并不支持 JavaScript 代码的运行，需要安装 Code Runner 插件。Code Runner 是一个轻量级的插件，具有便捷的使用，支持多种编程语言的运行。安装插件方法：点击左侧菜单栏的“扩展”，在 Marketplace 中搜索 Code Runner，按下安装即可。

3. 配置 Code Runner

安装完成 Code Runner 后，需要进行配置才能正常运行 JavaScript 代码。在 VSCode 编辑器中，点击左下角的“设置”图标，再点击“首选项”→“设置”→“搜索 Code-runner Executor Map”，找到 Code-runner Executor Map，点击“Edit in settings.json”即可打开 settings.json 文件。在 settings.json 文件中，加入以下一行代码：

"javascript": "node"

示例配置如下：

"code-runner.executorMap": {
  "javascript": "node"
}

四、Code Runner 使用方法

配置好 Code Runner 后，我们就可以开始使用它来运行 JavaScript 代码了。以前面创建的 JavaScript 文件 test.js 为例，我们可以先编写 JS 代码：

// test.js
function add(a, b) {
  return a + b;
}
console.log(add(1, 2));

然后按下快捷键 Ctrl+Alt+N，即可在编辑器下方弹出一个终端，显示输出结果 3。

五、VSCode 中调试 JavaScript 代码

在 VSCode 中还可以通过调试器（Debugger）来调试 JavaScript 代码，以此找出代码中的错误或调试程序的运行状态。

1. 配置 `.vscode/launch.json` 文件

调试器需要配置调试环境，通常需要在项目中创建一个 .vscode/launch.json 文件，在该文件中指定调试配置。launch.json 文件包含了启动或附加的配置。可以选择从下拉菜单“Run”中的“Add Configuration”选项添加配置文件模板，并修改示例配置以启用您的应用程序或附加到进程。示例配置如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch via NPM",
      "runtimeExecutable": "npm",
      "runtimeArgs": [
        "run-script",
        "debug"
      ],
      "port": 9229
    }
  ]
}

2. 在代码中添加断点

只有在代码中添加断点，程序才会停留在对应的代码位置，等待我们的命令。在编辑器中单击代码行号，可在代码上添加/删除断点。添加断点后，右击编辑器的当前文件并选择“调试”，然后点击“启动调试”按钮。

3. 运行调试器

我们需要从运行/调试视图中选择“启动调试”按钮才能启动 VSCode 调试器。选择相应的调试配置后，即可进入调试状态。在调试器的控制台中，可以查看所有变量的值，并且我们还可以在调试过程中执行一些自定义的 JavaScript 命令。

六、总结

本文主要介绍了在 VSCode 中运行 JavaScript 代码和使用调试器调试 JavaScript 代码的方法。从本文中，我们可以总结出以下几点：

VSCode 是一款免费的跨平台代码编辑器，可支持多种编程语言。
在 VSCode 中创建 JavaScript 文件非常简单，只需在文件夹中右键点击鼠标，选择“新建文件”，然后命名该文件为 test.js 即可。
在 VSCode 中运行 JavaScript 代码有两种方法：从终端中运行 JavaScript 代码和使用 Code Runner 运行 JavaScript 代码。
如果想要使用调试器调试 JavaScript 代码，需要进行详细的配置，并在需要调试的代码行号上添加断点。总的来说，VSCode 是一款非常强大且灵活的开发工具，可以帮助开发人员更有效地开发和调试 JavaScript 代码。

VSCode中运行JavaScript代码详解