外掛程式有: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需要安裝的外掛可以有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!