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 等程式語言,相當適合執行某些程式碼範例、測試函式庫的使用方式等情況。

本文環境

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 為例:

code-runner-python-example.png

執行成功的話,就可以在 OUTPUT 看到執行結果:

code-runner-python-output.png

上圖中的 python -u ... 就是執行程式碼片段的指令,這個指令是可以客製化的設定。

另外,以 Go 程式碼為例,由於它需要編譯之後才能執行,所以它不像 Python, JavaScript 等腳本語言來得彈性,無法只執行片段,還是需要寫出完整的 package , import , func main 等程式碼才能執行:

code-runner-go-example.png

如果想要停止執行正在執行中的程式碼,可以使用 Command Palette 輸入 stop code run 後,選擇 Stop Code Run 即可停止執行,或者也可以使用快捷鍵 Ctrl + Alt + M 停止執行:

code-runner-stop-code-run.png

修改執行程式碼的指令

如果想要修改執行程式碼的指令,可以打開 Command Palette 輸入 Preferences: Open User Settings ,打開使用者設定,接著搜尋 code runner , 即可看到 Code Runner 相關設定:

code-runner-preferences.png

code-runner-settings.png

其中 Executor Map 是可以設定執行程式碼指令的設定,點選 Edit in settings.json 即可進行編輯。

code-runner-executor-map.png

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

對抗久坐職業傷害

研究指出每天增加 2 小時坐著的時間,會增加大腸癌、心臟疾病、肺癌的風險,也造成肩頸、腰背疼痛等常見問題。

然而對抗這些問題,卻只需要工作時定期休息跟伸展身體即可!

你想輕鬆改變現狀嗎?試試看我們的 PomodoRoll 番茄鐘吧! PomodoRoll 番茄鐘會根據你所設定的專注時間,定期建議你 1 項辦公族適用的伸展運動,幫助你打敗久坐所帶來的傷害!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!