7.1 插件

7.1.1 插件市場

分類：

1. Featured
   Visual Studio Code 團(tuán)隊精心挑選出來的推薦插件
2. Trending
   每天根據(jù)安裝量趨勢更新榜單
3. Most Popular
   根據(jù)插件的總安裝量來排序
4. Recently Added
   最新發(fā)布的插件

7.1.2 插件搜索

7.1.3 插件頁面

7.2 插件管理

7.2.1 搜索與瀏覽

1. 搜索插件
2. 插件過濾器

• @builtin: Visual Studio Code內(nèi)置插件
• @disabled: 被禁用的插件
• @enabled: 啟用的插件
• @installed
• @outdated: 待更新
• @recommended
• @id
• @tag
• @sort
  • @sort:installs
  • @sort:rating
  • @sort:name
• @category
  • @category:themes
  • @category:formatters
  • @category:linters
  • @category:snippets

過濾器可組合使用

7.2.2 通過插件管理視圖管理插件

7.2.3 通過命令行管理插件

7.2.4 離線安裝插件

7.2.5 插件推薦

兩種類型：

• Workspace Recommendations
• Other Recommendations

7.2.6 插件的安裝目錄

• Windows: %USERPROFILE%\.vscode\extensions
• macOS: ~/.vscode/extensions
• Linux: ~/.vscode/extensions

7.3 那些不錯的插件

7.3.1 REST Client：也許是比 Postman 更好的選擇

支持 cURL 和 RFC2616 這兩種業(yè)界標(biāo)準(zhǔn)來調(diào)用 REST API

1. RFC 2616
   擴(kuò)展名為.http或.rest的文件，可以直接使用快捷鍵 Ctrl+Alt+R 執(zhí)行

POST http://dummy.resetapiexample.com/api/v1/create
HTTP/1.1
content-type: application/json
{
  "name": "Hendry",
  "salary": "61888",
  "age": "26"
}

2. cURL

curl -X POST "http://dummy.resetapiexample.com/api/v1/create" -d "Hello World"

3. HTTP 語言
   通過 ###分隔符，同一個HTTP文件中可以涵蓋多個HTTP請求
4. 代碼生成
   在HTTP語言文件的右鍵菜單中，可以通過 Generate Code Snippet 命令將HTTP請求生成不同編程語言（如Javascript、Python、C、C#、Java、PHP、Go、Ruby、Swift等）
5. 高階功能

• 身份認(rèn)證：支持Basic Auth、SSL Client Certificates、Azure Active Directory等多種驗證機(jī)制
• 支持 Cookies
• 支持 HTTP 3xx的重定向
• 支持多種變量：環(huán)境變量、文件變量、預(yù)定義的系統(tǒng)變量等

7.3.2 Code Runner：代碼一鍵運(yùn)行，支持40多種語言

7.3.3 為你的代碼再添上一抹亮色

1. Bracket Pair Colorizer 2
   此插件已在 Visual Studio Code ver1.60 版本中內(nèi)置
   High performance bracket pair colorization
2. indent-rainbow
   為代碼縮進(jìn)提供顏色支持
3. vscode-pigments
   增強(qiáng) CSS 或其他樣式文件的顏色顯示
4. Peacock
   為每一個 Visual Studio Code 窗口配上自己喜愛的顏色

7.3.4 更強(qiáng)的 Git 集成

1. Github Pull Requests
2. Git Graph
3. GitLens

7.3.5 Web開發(fā)利器

1. Web Template Studio
   Scaffolding Tool（腳手架工具）在創(chuàng)建項目時一定是重要的工具。該插件可以在 Visual Studio Code 中通過基于圖形用戶界面的向?qū)Э焖賱?chuàng)建Web應(yīng)用
2. Browser Preview
   This extension has been deprecated in favor of the Live Preview extension.
3. Elements for Microsoft Edge
4. 瀏覽器調(diào)試插件

• Debugger for Chrome
  This extension has been deprecated as Visual Studio Code now has a bundled JavaScript Debugger that covers the same functionality.
• Debugger for Firefox
• Debugger for Microsoft Edge
  Microsoft Edge Developer Tools for Visual Studio Code

7.3.6 輕松管理數(shù)據(jù)庫

1. Oracle Developer Tool for VS Code
2. SQL Server (mssql)
3. MySQL
4. PostgreSQL

7.3.7 提升開發(fā)效能

1. EditorConfig for VS Code
   EditorConfig通過名為 .editorconfig 的文件幫助開發(fā)人員在不同的編輯器和IDE之間定義和維護(hù)一致的編碼樣式

# 告訴EditorConfig插件，這是跟文件，不用繼續(xù)往上查找
root = true

# 對所有的文件設(shè)置UNIX風(fēng)格的換行符
[*]
end_of_line = lf
insert_final_newline = true

# 對擴(kuò)展名為 js 和 py 的文件設(shè)置字符集
[*.{js,py}]
charset = utf-8

# 對擴(kuò)展名為py的文件設(shè)置縮進(jìn)風(fēng)格和大小
[*.py]
indent_style = space
indent_size = 4

# 對Makefile文件設(shè)置風(fēng)格
[Makefile] 
indent_style = tab

# 對lib文件夾下擴(kuò)展名為py的文件設(shè)置縮進(jìn)風(fēng)格和大小
[lib/**.js]
indent_style = space
indent_size = 2

# 對package.json 和 .travis.yml 文件設(shè)置縮進(jìn)風(fēng)格和大小
[{package.json,*.travis.yml}]
indent_style = space
indent_size = 2

.editorconfig文件的匹配規(guī)則時從上往下的，即先定義的規(guī)則優(yōu)先級比后定義的要高
該插件支持以下設(shè)置項

• indent_style
• indent_size
• tab_width
• end_of_line
• insert_final_newline: 保存文件時，是否在文件末尾添加換行符
• trim_trailing_whitespace: 保存文件時，是否刪除多余的空白字符

2. Sort lines
   對當(dāng)前文本的每一行內(nèi)容進(jìn)行排序，支持升序、降序、大小寫敏感等多種排序方式
3. Code Spell Checker
4. Better Comments
5. Image Preview
6. Output Colorizer
7. Debug Visualizer

7.3.8 好用的工具類插件

1. Todo Tree
2. TODO Highlight
3. Bookmarks
4. Polacode
   開發(fā)者可以輕松把選中的代碼導(dǎo)出為圖片格式，且完全保留代碼在 Visual Studio Code 中原本的字體和顏色主題
5. WakaTime
   記錄開發(fā)者日常編寫代碼的使用情況，包括使用時間、工作項目、編程語言等數(shù)據(jù)，并提供可視化的數(shù)據(jù)報告
6. CodeStream
   團(tuán)隊開發(fā)者之間可以輕松地進(jìn)行代碼評審
7. Paste JSON as Code
   把 JSON 或 Typescript 轉(zhuǎn)換成其他編程語言，包括 Typescript、Python、Go、Ruby、C#、Java、Swift、Rust、Kotlin、C++、Flow、Objective-C、Javascrip、Elm等
8. Data Preview
   以表格、文本、圖標(biāo)等形式預(yù)覽不同格式的文件，支持 .json, .arrow, .avro, .yml, .csv/.tsv, .xlsx/.xlsb 等多種文件格式
9. File Watcher
   監(jiān)測文件和文件夾的改動，并執(zhí)行用戶事先配置好的命令

7.3.9 容器開發(fā)

1. Docker 插件
2. Kubernetes 插件

7.3.10 移動開發(fā)

1. Flutter 插件
2. React Native Tools
3. Cordova Tools
4. Ionix Snippets

7.3.11 LeetCode 插件：程序員的 Offer 收割利器

7.3.12 有點(diǎn)好看的主題插件

• One Monokai
• One Dark Pro
• Material Icon
• Night Owl
• Dracula
• Github Sharp Theme
• Nord
• Winter is Coming Theme
• Noctis
• Sapphire Theme
• Cobalt2 Theme Official
• SynthWave '84
• City Lights Theme

7.3.13 不止代碼！放松一下，那些勞逸結(jié)合的插件

1. VSC Netease Music
2. daily anime
3. epub reader
4. Zhihu On VSCode
5. 鼓勵師