vue.js - 带有 VSCode 的 Vue.js 项目上的 HTML 和 CSS 注释标签错误

Question

将 Vue.js 与 VSCode 一起使用时遇到问题。

当我使用 VSCode 键盘快捷键来注释我的代码时，它总是使用“//”，即使在模板中（而不是 ）或样式标签中（而不是 /* */）也是如此。

我正在使用 Vetur，并使用更漂亮的扩展对其进行了配置。

这是我的 settings.json ：

    
{
    "eslint.validate": [
        "javascript",
        "vue"
    ],
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
        
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur",
        "editor.formatOnSave": true,
    },
    "editor.defaultFormatter": "esbenp.prettier-vscode",
}

知道为什么会发生这种情况以及如何解决吗？

标签： vue.jsvisual-studio-code

Answer 1

我遇到了完全相同的问题。卸载此 VS Code 扩展使评论再次按预期工作：

https://marketplace.visualstudio.com/items?itemName=znck.vue