vscode不能補(bǔ)全標(biāo)簽怎么辦

vscode不能補(bǔ)全標(biāo)簽怎么辦

vscode不能補(bǔ)全標(biāo)簽怎么辦?vscode里div等html標(biāo)簽代碼補(bǔ)全

使用vscode編寫js代碼,剛開始點(diǎn)擊tab是不會(huì)自動(dòng)補(bǔ)全代碼的,其實(shí)還是有很多不便的地方的。查了下資料,把步驟列出來,跟著這個(gè)設(shè)置就好了。

相關(guān)推薦:vscode教程

1,安裝插件

vscode不能補(bǔ)全標(biāo)簽怎么辦

?

2,配置files.associations對(duì)象

vscode不能補(bǔ)全標(biāo)簽怎么辦

打開后頁面如下:

vscode不能補(bǔ)全標(biāo)簽怎么辦

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

vscode不能補(bǔ)全標(biāo)簽怎么辦

點(diǎn)擊左邊的edit按鈕,在右邊的編輯框編輯,原來是

{ ????"emmet.triggerExpansionOnTab":?true }

添加一行

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

同樣,在Workspace settings里也做更改

原來是

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

添加一行

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

保存后,回到j(luò)s文件,打

標(biāo)簽,自動(dòng)補(bǔ)全,代碼生效。

Tips:如果你想補(bǔ)全的文件不是js文件,而是其他后綴,比如.vue文件,直接把文件后綴加到list后面即可

比如:

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

要記得兩個(gè)setting都要加

以上就是

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊14 分享