首頁 > 開發工具 > VSCode > 主體

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

青灯夜游
發布: 2021-12-30 19:30:25
原創
45995 人瀏覽過

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

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

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

vscode html開發外掛程式

1、Auto Close Tag

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

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

#2、Auto Rename Tag

#自動重新命名標籤

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

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

##3、Beautify

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

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

4、Bracket Pair Colorizer

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

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

#5、HTML CSS Support

類別屬性完成。

id屬性完成。

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

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

支援遠端css檔案。

使用vscode-css-languageservice。

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

6、HTML Snippets

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

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

#7、JavaScript (ES6) code snippets

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

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

8、jQuery Code Snippets

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

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

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

9、open in browser

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

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

10、Path Intellisense

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

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

11、View In Browser

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

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

12、Live Server

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

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

優點

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

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

推薦教學:vscode教學html影片教學

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板