Try   HackMD

6 個 VSCode 推薦套件 | 提高程式撰寫效率

使用了 VSCode 多年,必須說 VSCode 真的好好用,而好用的關鍵除了優雅的介面,還有和套件的相輔相成,這篇文章整理了 6 個我覺得一定要安裝的套件,絕對能大大提升生產力~

GitLens

GitLens 最好用的功能就是可以看到誰在哪個時間、哪個 commit 修改過該行。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Git Graph

Git Graph 會把 Git 轉成圖形化介面,方便追蹤查看歷史版本,還可以使用 GUI 進行 Git 的操作。圖形化介面還可以讓我們清楚的了解各 branch 的關係,以及 local 和 remote 的狀態,而點進每一個 commit 可以看到修改了哪些檔案和修改了什麼。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Markdown Preview Enhanced

開發專案絕不能少的 Readme 幾乎都是用 Markdown 寫的,雖然閱讀 Mardown 不算太難,但用預覽窗格查看絕對更加事半功倍,除了可以避免格式跑掉,閱讀上也更加舒適。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Remote Explorer

可以使用 ssh 連線至其他伺服器,開啟後就像在本地用 VSCode 開啟檔案一樣,連 VSCode 的套件都可以使用,完全解決只有文字視窗的不便。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Live Preview

點下按鈕後就可以在 VSCode 預覽 HTML,編輯檔案不需要存檔及重整就會更新到預覽視窗,使用上非常方便,除了預覽之外,其他瀏覽器有的功能也幾乎都能做到,像是 DeTool、開啟其他分頁等等。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Live Share

Live Share 可以將自己的 VSCode 和別人共用,當有需要和其他人共同編輯時,就能像 Google 文件一樣可以看到誰正在編輯哪個部分,除了共用一般的檔案,terminal 和 port 等等也都可以共用。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

除了上面這幾項也很推薦安裝每個程式語言自己的套件,像是 python, c/c++ 等等

其他文章推薦

VSCode 必學快捷鍵 | 寫程式一定要會,讓你輕鬆編輯程式碼
Markdown 語法大全 | 相見恨晚的筆記和寫作神器