新手學習-visual studio code 設置代碼補全


在用 visual studio code 工具時想寫<div>時自動補全</div>網上百度了如何補全

第一:鏈接:https://www.jianshu.com/p/1c326fe1e4ef ,通過這個文章我不知道如何找到 setting.json 文件

1. 首先在vscode商店中下載並重新加載 HTML Snippets

2. 在設置(settings.json)中搜索 files.associations 配置對象

 

 
 

3. 在 settings.json 對象最后插入代碼:

    "files.associations": {

        "*.vue": "html"

    },

    "emmet.triggerExpansionOnTab": true,

    "emmet.includeLanguages": {

        "vue-html": "html",

        "vue": "html"

    }

(如圖所示)

 

 
 

在 settings.json 文件對象最后插入這段代碼

此時, 在html結構中就可以使用tab鍵自動補全標簽

例如: 輸入 child 然后按下tab鍵便可自動補全標簽



第二:結合這篇文件我知道了如何找到setting.json 文件

 

shortkeys

command+Shift+P 打開命令面板
輸入settings,選擇即可:

選擇>Preferences: Open Settings (JSON),進行用戶自定義設置
其文件路徑為C:\Users\Administrator\AppData\Roaming\Code\User\settings.json

第三,找到 setting 文件后把上面的文件粘貼上

剛打開時是這樣的

{
"files.autoSave": "onFocusChange",
 
}
雖然跟網上百度不是完全一樣,心想把網上粘貼的代碼放到大括號里面不就行了么,於是就這樣成功了
{
"files.autoSave": "onFocusChange",
"emmet.triggerExpansionOnTab": true,
"files.associations":{"*.vue": "html"},
"emmet.includeLanguages":{"vue-html": "html","vue": "html"}
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM