[VS Code] 入門-安裝擴充套件

F2E /Recommended Plugins

安裝擴充套件

1. 擴充功能面板：點擊側選單「擴充功能」圖示開啟功能面板。
2. 搜索套件：透過搜索欄進行搜索或點擊「…」更多操作圖示。
3. 預覽/安裝：點擊列表上的擴充套件，可以瀏覽更多細節介紹或點擊「安裝 Install」鈕進行安裝。

圖片來源：https://raw.githubusercontent.com/Microsoft/vscode-tips-and-tricks/master/media/ShowRecommendedExtensions.gif

檢視已啟用/停用(藍框處)：
套件安裝完成後會顯示在「已啟用」頁籤中，你可以檢索並選擇停止套件功能，套件停用後，則該套件將被移至「停用」頁籤。

推薦的擴充套件

▎提升編碼效率套件

*
01/ 自動補全 IntelliSense

• Sass / SCSS IntelliSense
• Path Intellisense ：檔案路徑
• Npm Intellisense

02/ 代碼片段 snippets

• Pug (Jade) snippets
• HTML Snippets
• HTML Class Suggestions：Html樣式建議
• Javascript (ES6) Code Snippets
• jQuery Code Snippets
• Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets

▎代碼規範/檢查套件（Linter）

• StyleLint： CSS / SCSS / Less linter
• TSLint
• ESLint
• MarkdownLint

▎外觀配置套件（Theme）

• 主題：熱門主題 Material、One Dark Pro、 Atom One Dark
• 圖標： VSCode Great Icons、 Material Icon

▎其他實用套件

• Sorting HTML and Pug/Jade attributes： 按指定順序做屬性的排序
• Color Highlight ：代碼中顯示色碼
• Chinese (Traditional) Language Pack for Visual Studio Code：繁中
• Beautify：格式化代碼
• Bracket Pair Colorizer： 色彩標記相匹配括號
• Settings Sync ：將配置保存到GitHub

相關文章

[VS Code] 入門-使用者設定
[VS Code] 入門-自訂鍵盤快捷鍵
[VS Code] 入門-安裝擴充套件
[VS Code] 入門-終端機與殼層
[VS Code] 入門-基本指令

更多擴充套件

All categories Extensions for Visual Studio Code in Marketplace