vscode中html需要安裝的插件可以有哪些

插件有：1、“auto Close Tag”；2、“Auto Rename Tag”；3、“Beautify”；4、“html css Support”；5、“open in browser”；6、“View In Browser”等等。

本教程操作環(huán)境：windows7系統(tǒng)、html5&&visual studio Code 1.54.1版、Dell G3電腦。

vscode html開發(fā)插件

1、Auto Close Tag

自動(dòng)添加HTML / xml關(guān)閉標(biāo)記，與Visual Studio ide或sublime text相同

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

2、Auto Rename Tag

自動(dòng)重命名標(biāo)簽

重命名一個(gè)HTML / XML標(biāo)簽時(shí)，自動(dòng)重命名配對(duì)的HTML / XML標(biāo)簽

3、Beautify

美化JavaScript，json，CSS，sass，和HTML在Visual Studio代碼。

4、Bracket Pair Colorizer

此擴(kuò)展名允許用顏色標(biāo)識(shí)匹配的括號(hào)。用戶可以定義要匹配的字符以及要使用的顏色

5、HTML CSS Support

類屬性完成。

id屬性完成。

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

掃描工作區(qū)文件夾中的css和scss文件。

支持遠(yuǎn)程css文件。

使用vscode-css-languageservice。

6、HTML Snippets

完整的HTML標(biāo)簽，包括HTML5代碼段

7、JavaScript (es6) code snippets

此擴(kuò)展包含Vs代碼編輯器的ES6語法的JavaScript代碼片段(同時(shí)支持JavaScript和typescript)。

8、jquery Code Snippets

超過130個(gè)用于JavaScript代碼的jQuery代碼段。

只需輸入字母“ jq”即可獲取所有可用的jQuery代碼段的列表。

9、open in browser

這使您可以在默認(rèn)瀏覽器或應(yīng)用程序中打開當(dāng)前文件。

10、Path Intellisense

自動(dòng)完成文件名的visual studio code插件。

11、View In Browser

vscode擴(kuò)展，可在瀏覽器中查看html文件。

12、Live Server

Live Server：一個(gè)具有實(shí)時(shí)加載功能的小型服務(wù)器，可以使用它來破解html/css/javascript，但是不能用于部署最終站點(diǎn)。也就是說我們可以在項(xiàng)目中實(shí)時(shí)用live-server作為一個(gè)實(shí)時(shí)服務(wù)器實(shí)時(shí)查看開發(fā)的網(wǎng)頁或項(xiàng)目效果。

優(yōu)點(diǎn)

1：一鍵安裝，實(shí)現(xiàn)自動(dòng)刷新，架設(shè)本地服務(wù)器環(huán)境。

2：比起 gulp 構(gòu)建 實(shí)現(xiàn)自動(dòng)刷新，架設(shè)本地服務(wù)器環(huán)境，需要安裝自動(dòng)刷新插件gulp-livereload，架設(shè)本地服務(wù)器插件gulp-server。Live Server簡(jiǎn)直一步到位。只要安裝Live Server，就可以解決自動(dòng)刷新和架設(shè)本地服務(wù)器環(huán)境的問題。

推薦教程：vscode教程、vscode教程

以上就是