"files.associations": { "*.vue": "html"} vue文件css部分注释报红
时间: 2023-09-14 15:14:33 浏览: 62
这是因为你在 VS Code 中将 `.vue` 文件的语言模式(language mode)设置为了 `html`,而 CSS 注释的语法与 HTML 注释有所不同,因此会被视为错误。
你可以通过更改 `files.associations` 中的设置来将 `.vue` 文件的语言模式设置为 `vue`,以便正确地高亮显示 CSS 注释。例如:
```
"files.associations": {
"*.vue": "vue"
}
```
然后重新加载你的 VS Code 编辑器,就能正确地高亮显示 CSS 注释了。
相关问题
怎么在vscode添加"emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" }, "files.associations": { "*.vue": "vue" }
您可以按照以下步骤在 VS Code 中添加这些设置:
1. 打开 VS Code 并进入“首选项”菜单。
2. 选择“设置”选项,这将打开用户设置页面。
3. 在搜索框中输入“emmet.syntaxProfiles”并找到该设置。
4. 点击“编辑 in settings.json”按钮,这将打开您的用户设置文件。
5. 将以下代码添加到文件中:
```
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"files.associations": {
"*.vue": "vue"
}
```
6. 保存文件并关闭设置页面。
这样,您就成功添加了这两个设置。请注意,在 VS Code 中,您可以通过在用户设置中编辑 JSON 格式的配置文件来添加各种设置。
"files.associations": { "*.jsx": "javascriptreact", "*.scss|*.css": "tailwindcss", },
"files.associations": {
"*.jsx": "javascriptreact",
"*.scss|*.css": "tailwindcss",
},
这段代码用来配置文件关联的。它表示了一些特定后缀名的文件应该被关联到相应的语言或工具。在这个例子中,"*.jsx"文件会被关联到"javascriptreact"语言,而"*.scss"和"*.css"文件会被关联到"tailwindcss"工具。这样配置后,当你打开这些文件时,编辑器会使用相应的语言或工具提供相应的功能和提示。