vscode怎么設(shè)置html標(biāo)簽自動(dòng)補(bǔ)全? vscode自動(dòng)補(bǔ)全html的技巧

在使用vscode編寫前端代碼時(shí),經(jīng)常會(huì)遇到修改標(biāo)簽名的情況,比如div修改為header,div修改為main等等,下面我們就來看看vscode在修改時(shí),自動(dòng)補(bǔ)全標(biāo)簽名,不用前后都修改一遍的設(shè)置方法,詳細(xì)請(qǐng)看下文介紹。

Visual Studio Code(代碼編輯器) v1.99.3 64位 中文免費(fèi)綠色版
- 類型:編譯工具
- 大?。?/span>143MB
- 語言:簡體中文
- 時(shí)間:2025-04-17
1、打開vsCode,左側(cè)找到擴(kuò)展圖標(biāo),點(diǎn)擊擴(kuò)展。
2、如果左側(cè)沒有擴(kuò)展圖標(biāo),可以點(diǎn)擊【設(shè)置】圖標(biāo),然后點(diǎn)擊【擴(kuò)展】
3、在搜索輸入框內(nèi)輸入Auto Rename Tag,回車搜索,在列表中的第一個(gè)就是要安裝的擴(kuò)展插件,點(diǎn)擊進(jìn)入
4、點(diǎn)擊【安裝】,目前最新版本是0.1.4,安裝完成后即全局使用
5、此時(shí)打開html文件,修改前面的標(biāo)簽名就可以看到后面的標(biāo)簽名自動(dòng)補(bǔ)全了。
6、如果不想使用了也很簡單,點(diǎn)擊擴(kuò)展,找到該插件,點(diǎn)擊【禁用】或者【卸載】即可
以上就是vscode自動(dòng)補(bǔ)全html的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
VSCode代碼怎么生成圖片? Vscode漂亮的代碼截圖的實(shí)現(xiàn)方法
settings文件怎么打開? VSCode打開并配置settings.json文件的技巧
相關(guān)文章
解決vscode 中保存后html自動(dòng)格式化的問題
這篇文章主要介紹了vscode 中保存后html自動(dòng)格式化的問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-23VSCode 自定義html5模板的實(shí)現(xiàn)
這篇文章主要介紹了VSCode 自定義html5模板的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)2019-12-05- VSCode怎么安裝插件運(yùn)行HTML文件?VSCode中無法直接運(yùn)行html文件,需要借助插件來運(yùn)行,下面我們就來介紹插件的安裝以及運(yùn)行html文件的方法,2019-07-11
- SublimeText3怎么快速輸入html5格式?經(jīng)常使用Sublime Text3做一些編程開發(fā),今天我們就來簡單介紹Sublime Text3文件基本格式快速輸入的方法,需要的朋友可以參考下2019-04-24
Sublime Text2怎么新建一個(gè)HTML頭部文件?
Sublime Text2怎么新建一個(gè)HTML頭部文件?Sublime Text2中想要生成一個(gè)html文檔的頭部文件,但是按住Tab鍵根本沒反應(yīng),該怎么辦恩?下面我們就來看看詳細(xì)的教程,需要的朋2016-11-19sublime / vscode 快捷生成HTML代碼的實(shí)現(xiàn)
這篇文章主要介紹了sublime / vscode 快捷生成HTML代碼的實(shí)現(xiàn),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-02