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

2020-09-23 15:44:39 來源:互聯(lián)網(wǎng)作者:佚名 人氣: 次閱讀 0 條評(píng)論

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

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

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、如果不想使用了也很簡(jiǎn)單,點(diǎn)擊擴(kuò)展,找到該插件,點(diǎn)擊【禁用】或者【卸載】即可

以上就是vscode自動(dòng)補(bǔ)全html的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。

您可能感興趣的文章

相關(guān)文章