VS Code 擴充推薦 — Code Runner

開發的時候，經常會有測試某些函式、程式碼範例的需求，這時候雖然可以用 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