新手学习-visual studio code 设置代码补全

Posted 2020-12-21 jhqx

在用 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:UsersAdministratorAppDataRoamingCodeUsersettings.json。

第三，找到 setting 文件后把上面的文件粘贴上

刚打开时是这样的

{

"files.autoSave": "onFocusChange",

 

}

虽然跟网上百度不是完全一样，心想把网上粘贴的代码放到大括号里面不就行了么，于是就这样成功了

{

"files.autoSave": "onFocusChange",

"emmet.triggerExpansionOnTab": true,

"files.associations":{"*.vue": "html"},

"emmet.includeLanguages":{"vue-html": "html","vue": "html"}

}