使用 VSCode 的 Vue.js 项目上的 HTML 和 CSS 注释标签错误

Question

我在 VSCode 中使用 Vue.js 时遇到问题。

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

我正在使用 Vetur，并使用 prettier 扩展对其进行了配置。

这是我的 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",
}

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

Answer 1

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

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