VSCode Forward Port、Inline Blame、Copilot,加速你的開發速度!

Y
Sun Jul 27 2025·7 min read

嗨~

學軟體開發一段時間了,從一開始到現在都是使用 VSCode,因為非常了解剛開始接觸這個功能複雜的 IDE 時的崩潰,所以今天整理了以下三個在現在,我每天使用時都會讚嘆跟感謝 Microsoft 的 VSCode 功能,希望能幫助你的工作流程與學習過程更順利與快速!

免費的 Forward Port

開發時通常會是在自己電腦 localhost 上跑開發的內容,不管是在 port 5000 / 3000 / 8000 / 5173 還是多少,如果只是自己看當然沒問題,但當你要分享給別人時,就會是個大問題。最一開始我都是用 ngrok,直到去年才發現其實內建的 Terminal 右邊右邊右邊那個…就是 Microsoft 免費的 Port Forward 功能!!!只需要登入 Microsoft GitHub 帳號就可以用了!

打開之後只要在 Port 輸入想 Forward 的 Port,然後就能複製私人連結,如果你想讓大家看到,請記得把 Port Visibility 改成 Pulbic 不然他們會需要登入 GitHub 才能看到內容。

內建完整的 Git 視圖

Inline Blame

如果上網查,就是告訴你安裝 GitLens 外掛,但…本人的破筆電只剩下幾百 MB 的空間,所以一直都沒狠下心安裝,只能眼睜睜看著別人很帥的 Inline Blame 顯示每行是在什麼時候改過的,自己卻吃不到,直到上週(沒錯就是上週)我才知道在 Settings 裡面找 Git Blame 打開「Editor Decoration」就有了!

因為內建 Source Control 其實在最下面的 bar 就有顯示 Blame,所以我一直想說為什麼他們就差這麼一哩把它顯示出來,卻死都不做,結果那天我 hover 下面 bar 資訊,點進去設定就看到 Git Blame Editor Decoration,啟用後就是另一片天空,真是開心!

Source Control

而 Source Control 也是,雖然去年確實還很陽春,但 2025 的今天,你可以直接在這 commit push pull,以及顯示漂亮的所有其他 branch 狀態,這樣就不用在 terminal git commit -m … git push git pull ,現在我只有處理 remote 時還會用到 terminal,其他都直接在這個 UI 完成,非常方便!

GitHub Copilot 教育方案

最後這個一樣只要準備你的 GitHub 帳號,通過 Education 認證就可以免費用到飽,這真的是我看過最佛的方案,Chat 不只是 Ask,還有 Agent 的功能,直接讀取 + 修改 codebase,而且模型可以選用 Claude Sonnet 4、o1、Gemini 2.5 Pro!!!這些都是非常貴的模型,全部免費欸讚爆 ❤️

請參考:Students - GitHub Education

  • VSCode
  • Port Forward
  • Ngrok
  • Microsoft

Subscribe to new posts!

If you like topics like Tech, Software Development, or Travel. Welcome to subscribe for free to get some fresh ideas!