vscode中html需要安裝的外掛可以有哪些

外掛程式有：1、「Auto Close Tag」；2、「Auto Rename Tag」；3、「Beautify」；4、「HTML CSS Support」；5、「open in browser」；6、「 View In Browser」等等。

本教學操作環境：windows7系統、HTML5&&Visual Studio Code 1.54.1版、Dell G3電腦。

vscode html開發外掛程式

1、Auto Close Tag

自動新增HTML / XML關閉標記，與Visual Studio IDE或Sublime Text相同

#2、Auto Rename Tag

#自動重新命名標籤

重命名一個HTML / XML標籤時，自動重新命名配對的HTML / XML標籤

##3、Beautify

美化javascript，JSON，CSS，Sass，和HTML在Visual Studio程式碼。

4、Bracket Pair Colorizer

此副檔名允許以顏色識別相符的括號。使用者可以定義要匹配的字元以及要使用的顏色

#5、HTML CSS Support

類別屬性完成。

id屬性完成。

支援類別和id屬性的Zen Coding完成。

掃描工作區資料夾中的css和scss檔案。

支援遠端css檔案。

使用vscode-css-languageservice。

6、HTML Snippets

完整的HTML標籤，包含HTML5程式碼片段

#7、JavaScript (ES6) code snippets

此擴充包含Vs程式碼編輯器的ES6語法的JavaScript程式碼片段(同時支援JavaScript和TypeScript)。

8、jQuery Code Snippets

超過130個用於JavaScript程式碼的jQuery程式碼片段。

只需輸入字母「 jq」即可取得所有可用的jQuery程式碼段的清單。

9、open in browser

這使您可以在預設瀏覽器或應用程式中開啟目前文件。

10、Path Intellisense

#自動完成檔案名稱的Visual Studio Code外掛程式。

11、View In Browser

vscode擴展，可在瀏覽器中檢視html檔案。

12、Live Server

Live Server：具有即時載入功能的小型伺服器，可以使用它來破解html/css/javascript，但不能用於部署最終網站。也就是說我們可以在專案中即時用live-server作為一個即時伺服器即時查看開發的網頁或專案效果。

優點

1：一鍵安裝，實作自動刷新，架設本機伺服器環境。

2：比起 gulp 建置 實作自動刷新，架設本機伺服器環境，需安裝自動刷新外掛程式gulp-livereload，架設本機伺服器外掛程式gulp-server。 Live Server簡直一步到位。只要安裝Live Server，就可以解決自動刷新和架設本機伺服器環境的問題。

推薦教學：vscode教學、html影片教學

#

以上是vscode中html需要安裝的外掛可以有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！