推薦個人常用的VSCode 套件

Material Icon Theme: 基於 Material Desgin 的檔案主題,更換你的VSCode 圖標

Auto Close Tag: 自動關閉HTML Tag
Auto Rename Tag: 自動更改相同的 HTML tags
Prettier: 自動編排 
Path Intellisense: 輸入路徑時自動補完路徑
Paste and Indent: 貼上程式碼時自動縮排
Project Manager: 在不同專案間快速切換
open in browser: option(Alt) + B 打開html檔案在browser
Code Spell Checker: 檢查英文拼字錯誤

Color Highlight: 強調 CSS 顏色
SVG Viewer: 右鍵看SVG圖形
IntelliSense for CSS class names: 自動在html完成css的class
Sass Formatter: Sass / Scss 排版
Sass: Sass的縮排、高亮、自動完成和快速縮寫

gi: 設定gitignore Link → 教學 Shift+Cmd+P >>gi>node>append 來設定gitignore
Git Lens:看Git中code的狀態和git blame
Git History: Git圖形化介面

Version Lens: 在 Package.json 檔案中可以看到安裝的套件是否為最新版本
Import Cost: 計算 imports 進來的檔案大小
npm: 管理 npm commands
npm Intellisense: 自動完成 npm modules
ESLint: 找出語法錯誤/寫 Code 風格統一


Bookmarks: 標記書籤在正在編輯的行數前面

docker: 查看docker資訊

Todo Tree: 建立Todo清單,可直接跳轉

 

arrow
arrow
    文章標籤
    Extensions VS Code
    全站熱搜

    狼翔月影 發表在 痞客邦 留言(0) 人氣()