[vscode]修复emmet被覆盖,vue文件tab无法补全html标签

今天早上更新了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 ,侵删

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值