VS Code 擴充推薦 — Code Runner
Posted on Jan 31, 2024 in VS Code , VS Code 擴充推薦 by Amo Chen ‐ 2 min read
開發的時候，經常會有測試某些函式、程式碼範例的需求，這時候雖然可以用 JSFiddle, Go Playground 等服務進行測試，不過最方便的還是能在編輯器中直接執行測試。
這個需求可以用 VS Code 擴充 — Code Runner 解決！
該擴充支援執行多種程式語言的程式碼片段(Code Snippets)或者程式碼檔案，包含 C, C++, Java, JavaScript, Python, Go, Rust 等程式語言，相當適合執行某些程式碼範例、測試函式庫的使用方式等情況。
本文環境
- macOS
- VS Code
- Code Runner
Code Runner
Code Runner 是 1 個 VS Code 擴充，支援執行多種程式語言的程式碼片段(Code Snippets)或者程式碼檔案，包含 C, C++, Java, JavaScript, Python, Go, Rust 等程式語言，相當適合執行某些程式碼範例、測試函式庫的使用方式等情況，真的相當方便。
順帶一提， Code Runner 並不會幫你安裝各種程式語言的執行環境，它是設定各種程式語言的執行方式，所以你還是得確保開發環境有相對應的指令存在，以 Python 為例，至少需要安裝 python 指令，如果是 JavaScript, 預設則是使用 node 指令，所以開發環境內必須安裝 Node.js, 當然 Code Runner 也提供設定可以自己置換不同的執行指令。
執行程式碼範例
安裝完 Code Runner 之後，如果想執行某些程式碼片段，可以按快捷鍵 Command + N 打開 1 個新檔案，輸入你想執行的程式碼，再選取程式碼按右鍵選 Run Code 即可執行程式碼（或者使用快捷鍵 Ctrl + Alt + N ），以 Python 為例：
執行成功的話，就可以在 OUTPUT 看到執行結果：
上圖中的 python -u ... 就是執行程式碼片段的指令，這個指令是可以客製化的設定。
另外，以 Go 程式碼為例，由於它需要編譯之後才能執行，所以它不像 Python, JavaScript 等腳本語言來得彈性，無法只執行片段，還是需要寫出完整的 package , import , func main 等程式碼才能執行：
如果想要停止執行正在執行中的程式碼，可以使用 Command Palette 輸入 stop code run 後，選擇 Stop Code Run 即可停止執行，或者也可以使用快捷鍵 Ctrl + Alt + M 停止執行：
修改執行程式碼的指令
如果想要修改執行程式碼的指令，可以打開 Command Palette 輸入 Preferences: Open User Settings ，打開使用者設定，接著搜尋 code runner , 即可看到 Code Runner 相關設定：
其中 Executor Map 是可以設定執行程式碼指令的設定，點選 Edit in settings.json 即可進行編輯。
Code Runner 內建一些變數可以放在指令之中，如此一來就不需要寫死執行指令的設定，例如：
$workspaceRoot: 專案資料夾路徑$dir: 程式碼片段的所在資料夾$dirWithoutTrailingSlash: 去掉結尾/的$dir$fullFileName: 程式碼片段的完整路徑與檔案名稱$fileName: 程式碼片段的檔案名稱（含副檔名）$fileNameWithoutExt: 不含副檔名的$filename
各位可以視需求進行修改。
總結
Code Runner 是相當方便的 VS Code 擴充，安裝之後只要有相對應的執行指令存在，幾乎都可以順利執行，不過它還有一些本文未提及的進階設定，詳細可以到 Code Runner 的官方頁面查看。
以上！
Enjoy!
References
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
