如何在VS Code中直接运行JavaScript代码？无需Node.js的操作方法

你给出的代码用到了仅浏览器环境支持的alert() API，本身就无法在Node.js环境下正常执行，以下是无需Node.js就能在VS Code中运行的可行方法：

• 方案1：使用微软官方Live Preview扩展
  1. 在VS Code扩展商店搜索安装Live Preview，该扩展无Node.js依赖
  2. 将你的JS代码封装到HTML文件的<script>标签内，保存为.html后缀的文件，示例代码如下：

  <!DOCTYPE html>
  <html>
    <body>
      <script>
        var a;
        a = 0;
        a++;
        alert(a);
      </script>
    </body>
  </html>
  

  3. 点击编辑器右上角的「Show Preview」按钮，VS Code会内置打开浏览器预览面板，直接运行代码弹出内容为1的alert弹窗。
• 方案2：使用浏览器调试扩展
  1. 安装Debugger for Microsoft Edge或Debugger for Chrome扩展，均无需Node.js依赖
  2. 按上述方式把JS代码封装进HTML文件并保存
  3. 按下F5，选择对应浏览器作为调试环境，会自动调起本地浏览器运行代码，正常弹出alert。
• 方案3：配置Code Runner扩展调用本地浏览器
  1. 安装Code Runner扩展，打开扩展设置找到code-runner.executorMap配置项
  2. 根据你的操作系统修改JavaScript对应的执行命令：
     • Windows："js": "start chrome $fullFileName"
     • MacOS："js": "open -a 'Google Chrome' $fullFileName"
     • Linux："js": "google-chrome $fullFileName"
  3. 将JS代码封装进HTML文件后，右键选择「Run Code」即可自动打开浏览器运行。

补充说明：如果你的代码没有用到浏览器专属API，也可以安装Quokka.js扩展的免费版，无需Node.js就能直接在VS Code编辑器内实时显示JS代码的运行输出结果，不过该扩展无法处理alert()这类需要浏览器UI的API。

内容的提问来源于stack exchange，提问作者Mohammed Aarish