企业官网建设流程全解析

VS Code Code Runner 插件使用教程

1. 安装插件

2. 打开 VS Code

3. 进入扩展市场 (Ctrl+Shift+X)

4. 搜索 “Code Runner”

5. 点击安装（作者：Jun Han）

6. 基本使用方法

运行代码的几种方式：

· 快捷键：Ctrl+Alt+N（运行）
· 快捷键：Ctrl+Alt+M（停止运行）
· 右键菜单：在编辑器中右键 → “Run Code”
· 顶部工具栏：点击播放按钮 ▶️
· F1命令：输入 “Run Code” 或 “Stop Code Run”

3. 支持的语言

默认支持：

· C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go
· Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F#
· C#, VBScript, TypeScript, CoffeeScript, Scala, Swift
· Julia, Crystal, OCaml, R, AppleScript, Elixir
· VB.NET, Clojure, Haxe, Objective-C, Rust, Racket
· Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Pascal
· Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA

4. 配置设置

常用配置（打开设置：Ctrl+,）：

{// 是否在运行代码前保存文件"code-runner.saveFileBeforeRun":true,// 是否清空之前的输出"code-runner.clearPreviousOutput":true,// 是否在终端中运行"code-runner.runInTerminal":false,// 是否保留焦点在编辑器上（运行时不切换焦点）"code-runner.preserveFocus":true,// 是否忽略选择内容，总是运行整个文件"code-runner.ignoreSelection":true,// 执行超时时间（毫秒）"code-runner.executorTimeout":10000,}

自定义命令配置：

{"code-runner.executorMap":{"javascript":"node","python":"python -u","java":"cd $dir && javac $fileName && java $fileNameWithoutExt","c":"cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt","cpp":"cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt","go":"go run","php":"php","rust":"cd $dir && rustc $fileName && $dir$fileNameWithoutExt"}}

5. 特殊功能

运行选中代码：

1. 选中部分代码
2. 右键选择 “Run Code”
3. 或使用快捷键 Ctrl+Alt+N

自定义工作目录：

{"code-runner.fileDirectoryAsCwd":true,// 或指定固定目录"code-runner.cwd":"D:\\projects"}

不同语言的特定配置：

Python 示例配置：

{"code-runner.executorMap":{"python":"python -u"}}

Java 示例配置：

{"code-runner.executorMap":{"java":"cd $dir && javac $fileName && java $fileNameWithoutExt"}}

C/C++ 示例配置：

{"code-runner.executorMap":{"c":"cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt","cpp":"cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"}}

6. 变量说明

在自定义命令中可以使用以下变量：

· $workspaceRoot：VS Code 打开的文件夹路径
· $dir：当前文件所在目录
· $fileName：当前文件名（含扩展名）
· $fileNameWithoutExt：当前文件名（不含扩展名）
· $fullFileName：当前文件的完整路径

7. 常见问题解决

问题1：中文乱码

解决方案：

{"code-runner.executorMap":{"cpp":"chcp 65001 && cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"}}

问题2：需要输入参数

解决方案：

1. 开启终端运行模式：

{"code-runner.runInTerminal":true}

1. 在终端中输入参数

问题3：Python 输出不实时显示

解决方案：

{"code-runner.executorMap":{"python":"python -u"}}

8. 高级技巧

自定义运行按钮：

{"code-runner.customCommand":"echo Hello World",// 按 Ctrl+Alt+K 运行自定义命令"code-runner.customCommandKey":"ctrl+alt+k"}

多语言项目配置：

{"code-runner.executorMapByGlob":{"*.js":"node","*.py":"python","*.java":"cd $dir && javac $fileName && java $fileNameWithoutExt"}}

集成调试：

虽然 Code Runner 主要用于快速运行，但可以配合 VS Code 的调试功能：

1. 安装对应语言的调试器扩展

2. 按 F5 进行调试

3. 按 Ctrl+Alt+N 快速运行测试

4. 实用示例

Python 带参数运行：

{"code-runner.executorMap":{"python":"python -u"},"code-runner.runInTerminal":true}

然后在终端中输入参数。

项目特定配置：

在项目文件夹下创建 .vscode/settings.json：

{"code-runner.executorMap":{"python":"venv\\Scripts\\python.exe"}}

这样配置后，Code Runner 将成为你快速测试代码的得力工具！