1,安装stylelint-config-tailwindcss 插件:npm install stylelint-config-tailwindcss --save-dev 2,配置 stylelint setyour stylelint config to: {"extends": ["stylelint-config-recommended",+"stylelint-config-tailwindcss"] }
npm install -D tailwindcss postcss autoprefixer 3.创建tailwindcss以及postcss的配置文件 npx tailwindcss init -p 在完成第三步后,项目根目录下会出现两个配置文件分别是:postcss.config.js,tailwindcss.config.js 4.打开tailwindcss.config.js,修改成如下内容: /** @type {import('tailwindcss').Config} */...
Unknown at rule @tailwindcss(unknownAtRules) 截图如下: 解决 原因是css 不知道这条规则提示,如果没有提示警告。 可以屏蔽这条vscode 规则: 在根目录新建.vscode文件夹 文件夹下新建settings.json 文件 添加规则 代码语言:javascript 复制 {"css.lint.unknownAtRules":"ignore"} 保存之后提示没有了:...
Tailwind CSS 是一款 Units 導向的 CSS 框架,它的許多優勢讓大家趨之若鶩的學習與瞭解,但是在 VSCode 開發上時常會遇到 Unknown at rule @tailwind、Unknown at rule @apply 等錯誤訊息,所以這一篇來紀錄一下解決方式。 前言 Tailwind CSS 是一款 Units 導向的 CSS 框架,它的許多優勢讓大家趨之若鶩的學習與瞭...
@tailwindbase;@tailwindcomponents;@tailwindutilities; 画像1. Visual Studio Codeで警告が表示されている 解消方法 以下の4点のいずれかの方法で解消できる。 方法1. Tailwind CSS IntelliSense をインストールする 手順 Tailwind CSS IntelliSenseをインストールする。
Unknown at rule @tailwindcss (unknownAtRules) in VS Code ⌘+, 打开配置
Unknown at rule @apply css(unknownAtRules) } } 1. 2. 3. 4. 5. 6. 7. 解决方法: 在根目录 .vscode 文件夹下 .vscode/settings.json 添加 "css.customData": [".vscode/tailwindcss.json"] 1. 创建.vscode/tailwindcss.json { "version": 1.1, ...
简介:如何解决出现Unknown at rule @applyscss(unknownAtRules)警告? 在nuxt框架当中使用tailwindcss出现:@apply下面出现警告 怎么取消这个警告呢? 安装Stylelint 首先,我们需要安装Stylelint本身和一个包含合理标准配置的包。 npm install --save-dev stylelint stylelint-config-standard ...
@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...
If you are using TailwindCSS in your project, you have probably already encountered the warning messageUnknown at rule @tailwind. If you use VSCode, you can see the wavy underline in the CSS file and the warning list in theProblemstab. ...