推薦的VS Code Extensions 整理@ 狼翔天地:: 痞客邦 | vscode套件
推薦個人常用的VSCode套件MaterialIconTheme:基於MaterialDesgin的檔案主題,更換你的VSCode圖標AutoCloseTag:自動關閉HTMLTagAutoRenameTag:自動更改相同的HTMLtagsPrettier:自動編排 PathIntellisense:輸入路徑時自動補完路徑PasteandIndent:貼上程式碼時自動縮排ProjectManager:在不同專案間快速切換openinbrowser:option(Alt)+B打開html檔案在browserCodeSpellChecker:檢查英文拼字錯誤ColorHighlight:強調CSS顏色SVGViewer:右鍵看SVG圖形IntelliSenseforCSSclassnames:自動在html完成css的classSassFormatter:Sass/Scss排版Sass...
推薦個人常用的VSCode 套件
Material Icon Theme: 基於 Material Desgin 的檔案主題,更換你的VSCode 圖標
Auto Close Tag: 自動關閉HTML TagAuto Rename Tag: 自動更改相同的 HTML tagsPrettier: 自動編排 Path Intellisense: 輸入路徑時自動補完路徑Paste and Indent: 貼上程式碼時自動縮排Project Manager: 在不同專案間快速切換open in browser: option(Alt) + B 打開html檔案在browserCode Spell Checker: 檢查英文拼字錯誤
Color Highlight: 強調 CSS 顏色SVG Viewer: 右鍵看SVG圖形IntelliSense for CSS class names: 自動在html完成css的classSass Formatter: Sass / Scss 排版Sass: Sass的縮排、高亮、自動完成和快速縮寫
gi: 設定gitignore Link → 教學 Shift+Cmd+P >>gi>node>append 來設定gitignoreGit Lens:看Git中code的狀態和git blameGit History: Git圖形化介面
Version Lens: 在 Package.json 檔案中可以看到安裝的套件是否為最新版本Import Cost: 計算 imports 進來的檔案大小npm: 管理 npm commandsnpm Intellisense: 自動完成 npm modulesESLint: 找出語法錯誤/寫 Code 風格統一
Bookmarks: 標記書籤在正在編輯的行數前面
docker: 查看docker資訊
Todo Tree: 建立Todo清單,可直接跳轉