1,安装stylelint-config-tailwindcss 插件:npm install stylelint-config-tailwindcss --save-dev 2,配置 stylelint setyour stylelint config to: {"extends": ["stylelint-config-recommended",+"stylelint-config-tailwindcss"] }
"css.customData": [".vscode/tailwindcss.json"] 1. 创建.vscode/tailwindcss.json { "version": 1.1, "atDirectives": [ { "name": "@tailwind", "description": "Use the `@tailwind` directive to insert Tailwind's `base`, `components`, `utilities` and `screens` styles into your CSS.", ...
@tailwindbase;@tailwindcomponents;@tailwindutilities; 画像1. Visual Studio Codeで警告が表示されている 解消方法 以下の4点のいずれかの方法で解消できる。 方法1. Tailwind CSS IntelliSense をインストールする 手順 Tailwind CSS IntelliSenseをインストールする。 Visual Studio Codeの設定ファイル(se...
@tailwindbase;^^^Unknown at rule @tailwindcss(unknownAtRules) ./styles/globals.css @layerbase{*{@applytext-gray-dark;^^^Unknown at rule @applycss(unknownAtRules)}} VSCode Solution: Define Custom Data for CSS The solution was toload a custom CSS datasetfor Tailwind directives in a workspace...
Unknown at rule @tailwindcss(unknownAtRules) 截图如下: 解决 原因是css 不知道这条规则提示,如果没有提示警告。 可以屏蔽这条vscode 规则: 在根目录新建.vscode文件夹 文件夹下新建settings.json 文件 添加规则 代码语言:javascript 复制 {"css.lint.unknownAtRules":"ignore"} ...
Unknown at rule @tailwindcss (unknownAtRules) in VS Code ⌘+, 打开配置
这个问题对于正常开发没有什么问题,但是为了使编译器兼容,避免报错可以配置一个PostCSS Language Support插件,使得编译器可以识别tailwindcss直接在css使用@语法报错以及module下报错。 React配置Tailwindcss问题 最近在react上配置tailwindcss时出现了一些问题,按照官网给出的文档配置完成后没有报错但css效果无法显示,在此记录...
Tailwind CSS 是一款 Units 導向的 CSS 框架,它的許多優勢讓大家趨之若鶩的學習與瞭解,但是在 VSCode 開發上時常會遇到 Unknown at rule @tailwind、Unknown at rule @apply 等錯誤訊息,所以這一篇來紀錄一下解決方式。 前言 Tailwind CSS 是一款 Units 導向的 CSS 框架,它的許多優勢讓大家趨之若鶩的學習與瞭...
Tailwind CSS Unknown at Ruleduncanleung.com/tailwind-css-unknown-at-rule/ 摘要: .vscode/settings.json { "css.customData": [".vscode/tailwindcss.json"], } .vscode/tailwindcss.json { "version": 1.1, "atDirectives": [ { "name": "@tailwind", ...
1.在项目的根级别，更新或创建一个目录.vscode，其中包含一个文件 * settings.json *：...