vscode裏div等html標籤代碼補全

使用vscode編寫js代碼，剛開始點擊tab是不會自動補全代碼的，其實還是有很多不便的地方的。查了下資料，把步驟列出來，跟着這個設置就好了。

1，安裝插件

 

2，配置files.associations對象

打開後頁面如下：

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

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

{
    "emmet.triggerExpansionOnTab": true
}

添加一行

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

同樣，在Workspace settings裏也做更改(VS code 1.36 中不需要)

原來是

{
    "workbench.editor.closeEmptyGroups": false,
    "emmet.triggerExpansionOnTab": true
}

添加一行

{
    "workbench.editor.closeEmptyGroups": false,
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {"*.js": "html"}
}

保存後，回到js文件，打<div>標籤，自動補全，代碼生效。

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

比如：

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

要記得兩個setting都要加