vscode如何安裝插件？常用插件介紹

VSCode 全名為 Visual Studio Code，是微軟出的輕量級程式碼編輯器，免費、開源且功能強大。它支援幾乎所有主流的程式語言的語法高亮、智慧程式碼補全、自訂熱鍵、括號匹配、程式碼片段、程式碼對比 Diff、GIT 等特性，支援外掛程式擴充。

相關推薦：《vscode基礎教學》

一、怎麼安裝外掛？

---

方法一：

按F1或Ctrl Shift p，輸入extensions，選擇「擴充功能：安裝擴充功能」

方法二：

ctrl P 然後輸入>ext install

#方法三：

點擊圖中位置

二、常用外掛？

---

（1）Auto Close Tag

自動關閉HTML/XML標籤

（2 )Auto Rename Tag

自動完成另一側標籤的同步修改

（3）Bracket Pair Colorizer

##為括號加上不同的顏色，以便區分不同的區塊，使用者可以定義不同括號類型和不同顏色

（4）中文（簡體）語言套件－ Chinese (Simplified) Language Pack for Visual Studio Code

將編譯器轉換成中文模式

#（5）Vetur

Vue多功能整合插件，包括：語法高亮，智慧提示，emmet，錯誤提示，格式化，自動補全，debugger。 vscode官方欽定Vue插件，Vue開發者必備。

#（6）Git History Diff

如果你的VSCode開啟了一個Git管理的程式碼，則在VSCode編輯視窗中，可以看到所有的提交記錄、改動文件，包括每一行程式碼的提交時間、提交人，非常方便。

#（7）GitLens — Git supercharged

####方便查看git日誌，git多人協作的時候需要查看日誌，能在當前程式碼中查看########################（8）Path Intellisense# #####自動提示檔案路徑，支援各種快速引入檔案#########################（9）markdownlint####### markdown語法糾錯########################（10）Markdown Preview Enhanced######即時預覽markdown，markdown使用者必備# ###########

（11）Debugger for Chrome

映射vscode上的斷點到chrome上，方便偵錯

##（12）ESLint

自動格式化程式碼，以便在整個團隊中保持一致的格式。 ESLint 也可以設定為自動格式化你的程式碼，每當你出現錯誤，它都會向你發出一連串的警告。

（13）HTML CSS Support

HTML 中CSS Class 智慧提示

（14 ）HTML Snippets

智慧型提示HTML標籤，以及標籤意義

（15）vscode-fileheader

頂部註解模板，可定義作者、時間等信息，並會自動更新最後修改時間 

快捷鍵: Ctrl Alt i  
#(預設資訊可在檔案→首選項→設定中修改)

更多程式相關知識，請造訪：

程式設計教學！ ！

以上是vscode如何安裝插件？常用插件介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！