vscode中style被视为html进行注释

Question

请问这个在vscode里，
正常的style注释应该是这样的：

<style>
.a{
  /* background-color: rgb(53, 199, 186); */
}
</style>

但现在注释却是这样显示的：

<style>
.a{
  <!-- background-color: black; -->
}
</style>

请问出现这种情况是为什么，问过AI说是因为vscode将vue中的style视为html一部分，但是script注释就是正常的，根据AI给的5种方案都试了目前还是无法解决，请问这个有解决办法吗

Answer 1

上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

你可能遇到了一个问题，那就是VSCode在解析CSS样式时将其误解为HTML中的标签。 要解决这个问题，可以按照以下步骤操作：

1. 确保你的项目启用了.vue扩展和style-loader。可以通过运行 npm install --save-dev @vue/cli 命令来安装扩展。

2. 在src/styles.css文件中，添加一个名为.vue的文件作为扩展名。例如，如果你想创建一个名为style.css的扩展，可以使用以下代码：

@import 'vue-style-loader';

然后，在style.css文件中，你可以像普通CSS代码一样写入样式。

1. 比较上述两种做法的结果。现在你应该看到的是正确的注释。

如果你仍然遇到问题，请提供更多关于你的项目的细节，以便我们可以更好地帮助你解决问题。