vscode不能補全標(biāo)簽的解決方法

這篇文章主要介紹了vscode不能補全標(biāo)簽的解決方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

成都網(wǎng)站建設(shè)、做網(wǎng)站服務(wù)團隊是一支充滿著熱情的團隊,執(zhí)著、敏銳、追求更好,是創(chuàng)新互聯(lián)的標(biāo)準(zhǔn)與要求,同時竭誠為客戶提供服務(wù)是我們的理念。成都創(chuàng)新互聯(lián)公司把每個網(wǎng)站當(dāng)做一個產(chǎn)品來開發(fā),精雕細(xì)琢,追求一名工匠心中的細(xì)致,我們更用心!

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

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

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

1,安裝插件

vscode不能補全標(biāo)簽的解決方法

2,配置files.associations對象

vscode不能補全標(biāo)簽的解決方法

打開后頁面如下:

vscode不能補全標(biāo)簽的解決方法

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

vscode不能補全標(biāo)簽的解決方法

點擊左邊的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文件,打<div>標(biāo)簽,自動補全,代碼生效。

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

比如:

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

要記得兩個setting都要加

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“vscode不能補全標(biāo)簽的解決方法”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

新聞標(biāo)題:vscode不能補全標(biāo)簽的解決方法
文章網(wǎng)址:http://muchs.cn/article18/jpesgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、網(wǎng)站收錄營銷型網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航微信小程序、企業(yè)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)