今天早上更新了vscode最新版本
更新后发现在.vue文件中的template文件中
输入html标签后按tab时无法补全标签
将文件类别识别为html格式,依然无法补全
在排除了输入法的问题后
在网上找到emmet默认配置问题
大家提到新版本emmet并不默认支持vue文件
打开文件,首选项,设置
搜索
syntaxProfiles
然后在setting.json中添加关于emmet的配置选项
"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
},
"files.associations": {
"*.ejs":"html",
"*.js":"html",
"*.vue":"html"
},
设置后,补全功能生效,可是使用lang=“scss”(报错)
所以,要安装Vetur插件后在setting.json中修改配置
"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
},
"files.associations": {
"*.ejs":"html",
"*.js":"html",
"*.vue":"vue"
},
原文链接:https://blog.csdn.net/linpenghui958/article/details/77301450 ,侵删