顺风在规则中添加@顺风css,标记为未知。 如何避免这种错误?
如styles.css
@tailwind起飞前的;
@tailwind公用事业;
顺风在规则中添加@顺风css,标记为未知。 如何避免这种错误?
如styles.css
@tailwind起飞前的;
@tailwind公用事业;
当前回答
经过多次测试: POSTCSS和STYLUS语法高亮显示,删除警告,但CSS智能是不完整的,不显示第一实用工具类顺风
我在VSCode中安装了'language-stylus'插件
>用户设置:
"files.associations": {
"* .css": "stylus"
},
再见!
CSS智能是不完整的
其他回答
如果你使用VS Code,你可以使用PostCSS语言支持插件。
确保将scss文件与PostCSS关联。
SCSS
如果你正在使用顺风的SASS,你仍然会在你的.scss文件中看到错误,使用这些前面的答案。
要正确地lint SASS,你可以添加到你的VS Code设置:
"scss.validate": false,
按照@hasusuf的指示,但关闭默认的VS Code验证器:
添加以下3个设置:
"css.validate": false,
"scss.validate": false,
"stylelint.enable": true,
1. 只需进入设置(ctrl +,)的快捷方式。 2. 在搜索栏中搜索CSS。 3.查找(CSS> Lint:未知At规则) 4. 从下拉选项中选择“忽略”。
这忽略了警告。如果你不介意的话。
只需进入设置(ctrl +,)的快捷方式。
打开设置,搜索“未知”,第一个结果应该是你要找的:CSS > Lint: unknown At Rules:
将其更改为忽略:
完成了!干杯!
还是不明白?跟着图片走
根据tailwindcss-intellisense github库:
VS代码推荐设置
files.associations
使用这些文件。associations设置告诉VS Code总是在顺风CSS模式下打开。CSS文件:
"files.associations": {
"*.css": "tailwindcss"
}
它修复了@顺风警告,并增加了顺风指令,功能的智能感知
关于tailwindcss智能感知扩展的更多信息可以找到 在github存储库