Buildt AI 這個 VS Cod 擴充套件可以直接透過模糊的文字描述,直接找到你專案中的該功能的原始碼,在套件的介紹還有提到將來還會有幫你產生 code 以及優化 code 的功能,有興趣的可以使用看看。
在用 VS Code 寫網站時,如果有需要用到 SVG,推薦可以使用 SVG 這個 extension,只要安裝後就可以提示 SVG 的 code,以及有 SVG 的預覽功能。
TODO Highlight 是一個 VS Code 的擴充套件,安裝後可以藉由在註解時加上一些關鍵字讓樣式改變,方便提示開發者該做的事情。
PHP Intelephense 是一個簡單好用的 VS Code 格式化擴充套件,只要安裝後按右鍵就可以格式化 PHP 的程式碼,或是按下 Shift+Alt+F 透過熱鍵格式化文件。
vscode-pets 這是一個輕鬆的 VS Code 套件,安裝後就能夠在 VS Code 上面養寵物,而且也能透過設定替換主題喔。
Material Icon Theme 是可以把 VS Code 的檔案圖示替換成 Material Icon 的樣子,喜歡漂亮介面的朋友可以使用看看。
SASS/SCSS 是寫 CSS 的好幫手,不過一般要寫的話都需要先安裝好相關的環境才能開始寫,不過還好 VS Code 有人就開發出可以直接自動編譯的套件 Live Sass Compiler,安裝後就算不弄環境也可以直接撰寫 SASS/SCSS 了。
Settings Sync 是一個可以方便幫你同步 VS Code 設定跟套件的好工具,因為該套件是使用 Github 帳號儲存資料,所以安裝好後登入 Github,之後不管是換電腦或是要在別的地方使用 VS Code,只要透過這個套件就能輕鬆同步了。
Polacode 是一個簡單就能幫你直接把程式碼轉存成圖片,如果有想要把程式碼用截圖的方式分享給其他人,可以試試這個套件。
在 VS Code 我們要開發專案時,應該都會指向某一個資料夾,但同時開發的專案多了管理起來就比較麻煩,這時候就可以透過 Project Manager 這個 VS Code 的擴充套件來協助管理專案。
Auto Close Tag 是一個當你打好 HTML 標籤前半邊,就會自動生成後半邊的 VS Code 擴充套件,也是很實用的套件建議大家都可以裝一下。
Auto Rename Tag 可以讓你在要修改 HTML 標籤的時候,自動幫你修改封閉標籤前(後)的名稱。
VS Code 擴充套件 推薦,使用 Live Server 讓網頁在開發的時候可以即時看到更新狀態。