使用VSCode在Vue.js项目上添加错误的HTML和CSS注解标签

mcvgt66p 于 2023-08-07 发布在 Vue.js

关注(0)|答案(4)|浏览(170)

在VSCode中使用Vue.js时遇到问题。
当我使用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.js

来源：https://stackoverflow.com/questions/64931967/wrong-html-and-css-comments-tag-on-vue-js-project-with-vscode

4条答案

按热度按时间

xfb7svmp1#

我也遇到了同样的问题。卸载这个VS Code扩展使注解工作再次符合我的预期：
https://marketplace.visualstudio.com/items?itemName=znck.vue

赞(0）回复(0）举报 2023-08-07

gopyfrb32#

对我来说，这是vscode扩展“volar”被禁用的原因。

赞(0）回复(0）举报 2023-08-07

0md85ypi3#

请参考https://code.visualstudio.com/api/language-extensions/language-configuration-guide。
在language-configuration.json文件中，您应该能够设置块注解，如下所示：

{
  "comments": {
    "lineComment": "//",
    "blockComment": ["/*", "*/"]
  }
}

字符串

赞(0）回复(0）举报 2023-08-07

jv4diomz4#

我在将VS Code与另一个VS Code示例同步后遇到了这个问题。禁用和重新启用Volar为我解决了这个问题。感谢@sebastian-jung为我指明了正确的方向。

赞(0）回复(0）举报 2023-08-07

我来回答

使用VSCode在Vue.js项目上添加错误的HTML和CSS注解标签

4条答案

相关问题

热门标签

最新问答