如何让JavaScript输出显示在Visual Studio Code的输出面板中?
解决VS Code中JavaScript代码输出面板无内容的问题
- 先安装Node.js:VS Code直接运行JavaScript代码需要依赖Node环境,安装后打开VS Code终端输入
node -v,能正常显示版本号就说明安装成功。 - 安装Code Runner扩展:你当前安装的Live Server是用于在浏览器预览网页的,Prettier是代码格式化工具,都无法实现代码在VS Code输出面板运行。去扩展商店搜索「Code Runner」完成安装。
- 配置Code Runner输出到面板:
- 按
Ctrl+,打开设置,搜索「Code Runner: Run In Terminal」,取消勾选该选项,这样运行结果就会显示在输出面板而非终端。 - 如果想要保存文件时自动运行代码,搜索「Code Runner: Run On Save」并勾选即可。
- 按
- 运行代码的方式:
- 右键代码编辑器空白区域,会出现「Run Code」选项,点击后就能在输出面板看到运行结果。
- 也可以使用快捷键
Ctrl+Alt+N(Windows/Linux)或Cmd+Alt+N(Mac)直接触发运行。
- 排查常见问题:
- 确认代码里包含
console.log()这类输出语句,没有输出逻辑的话面板自然是空的。 - 若仍无内容,去设置搜索「Code Runner: Executor Map」,检查javascript对应的运行命令是否为
node,不对的话修改成node即可。
- 确认代码里包含
内容的提问来源于stack exchange,提问作者Scott Sharp
相关产品推荐
相关产品推荐

