vscode設(shè)置html標(biāo)簽代碼補全的方法

發(fā)布時間：2021-01-06 10:11:13 來源：億速云閱讀：707 作者：小新欄目：軟件技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)vscode設(shè)置html標(biāo)簽代碼補全的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

1、安裝插件

2、配置files.associations對象

vscode設(shè)置html標(biāo)簽代碼補全的方法

打開后頁面如下：

vscode設(shè)置html標(biāo)簽代碼補全的方法

在Comm Used列表中找到"files.associations": {}

vscode設(shè)置html標(biāo)簽代碼補全的方法

點擊左邊的edit按鈕，在右邊的編輯框編輯，原來是

vscode設(shè)置html標(biāo)簽代碼補全的方法

添加一行

vscode設(shè)置html標(biāo)簽代碼補全的方法

同樣，在Workspace settings里也做更改，原來是

vscode設(shè)置html標(biāo)簽代碼補全的方法

添加

vscode設(shè)置html標(biāo)簽代碼補全的方法

保存后，回到j(luò)s文件，打<div>標(biāo)簽，自動補全，代碼生效。

Tips：如果你想補全的文件不是js文件，而是其他后綴，比如.vue文件，直接把文件后綴加到list后面即可

比如：

{
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {
        "*.js": "html",
        "*.vue": "html"
    }
}

要記得兩個setting都要加。

關(guān)于“vscode設(shè)置html標(biāo)簽代碼補全的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡