在用 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"}
}