vscode常用插件有哪些？

vscode（Visual Studio Code）是一款免費開源的現代化輕量級程式碼編輯器，支援幾乎所有主流的開發語言的語法高亮、智慧程式碼補全、自訂熱鍵、括號匹配、程式碼片段、程式碼對比Diff、GIT 等特性，支援插件擴展，並針對網頁開發和雲端應用開發做了優化。

vscode安裝外掛只需要點擊圖片所示按鈕，即可進入拓展，在搜尋框中輸入外掛名稱點擊安裝後，等待安裝好即可點選重新載入重啟vscode使得插件生效。

當你不需要某個外掛程式時只需要進入擴展，點擊對應外掛右下角的齒輪按鈕即可選擇停用或卸載該外掛程式。

 vscode常用外掛程式有哪些？

#檢視使用方法##htmltagwrap在選取HTML標籤中外套一層標籤Image Preview滑鼠移到路徑裡顯示影像預覽Indenticator突顯目前的縮排深度intelliSense for CSS class names in HTML把專案中css 檔案裡的名稱智能提示在html 中JavaScript (ES6) code snippetses6程式碼片段#Live Server瀏覽器即時重新整理#Node.js Modules Intellisense可以在導入語句中自動完成JavaScript / TypeScript模組npm Intellisense#require 時的套件提示Path Intellisense路徑自動補全##Quokka.js使用方法: ctrl shift p 輸入quokka 選擇new javascript 就可以了##Vue 語法高亮顯示, 語法錯誤檢查, 程式碼自動補全##vscode-fileheader快捷鍵: Ctrl Alt i相關推薦：

外掛程式	說明	備註
Auto Close Tag	自動新增HTML / XML關閉標籤
#Auto Rename Tag	自動重新命名配對的HTML / XML標籤
Beautify	格式化程式碼
Bracket Pair Colorizer	顏色識別匹配括號
#Code Runner	非常強大的一個插件，能夠運行多種語言的程式碼片段或程式碼檔案：C，C ，Java，JavaScript，PHP，Python，Perl，Ruby，Go等等 安裝完成後，右上角會出現：▶
change-case	雖然VSCode 內建了開箱即用的文字轉換選項，但其只能進行文字大小寫的轉換。而此外掛程式則新增了更多用於修改文字的命名格式，包括駝峰命名、下劃線分隔命名，snake_case 命名以及CONST_CAS 命名等
Chinese (Simplified) Language Pack for Visual Studio Code	中中文簡體語言套件
Color Info
		##這個方便的插件，將為你提供你在CSS 中使用顏色的相關資訊。你只要在顏色上懸停遊標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和CMYK）相關資訊了
	CSS Peek使用此插件，你可以追蹤到樣式表中CSS 類別和ids 定義的地方。當你在HTML 檔案中右鍵點選選擇器時，選擇「 Go to Definition 和Peek definition 」選項，它就會給你發送樣式設定的CSS 程式碼
Debugger for Chrome	前端偵錯,	##################ESLint# #####EsLint可以幫助我們檢查Javascript程式設計時的語法錯誤。例如：在Javascript應用中，你很難找到你漏洩的變數或方法。 EsLint能夠幫助我們分析JS程式碼，找到bug並確保一定程度的JS語法書寫的正確性#########
filesize	在底部狀態列顯示目前檔案大小，點擊後還可以看到詳細建立、修改時間
Git History	以圖表的形式檢視git 日誌
GitLens — Git supercharged	顯示檔案最近的commit 和作者，顯示目前行commit 資訊
#HTML Boilerplate	透過使用HTML 模版插件，你就擺脫了為HTML 新檔案重新編寫頭部和正文標籤的苦惱。你只需在空白文件中輸入html，並按Tab 鍵，即可產生乾淨的文件結構
#HTMLHint	HTML 程式碼格式偵測
HTML Snippets	程式碼自動填入
	」Alt W」  (“Option W” for Mac)
Quokka 是一個調試工具插件，能夠根據你正在編寫的程式碼提供即時回饋
Regex Previewer	這是一個用於即時測試正規表示式的實用工具。它可以將正規表示式模式應用在任何開啟的檔案上，並且高亮所有的符合項目
SVG Viewer	此外掛程式在Visual Studio 程式碼中添加了許多實用的SVG 程序，你無需離開編輯器，便可以打開SVG 檔案並查看它們。同時，它也包含了用於轉換為PNG 格式和產生資料URI 模式的選項
Vetur	(配合ESLint 外掛程式效果更佳)
頂部註解模板，可定義作者、時間等信息，並會自動更新最後修改時間	(預設資訊可在檔案→首選項→設定中修改)

vscode入門教學

以上是vscode常用插件有哪些？的詳細內容。更多資訊請關注PHP中文網其他相關文章！