css - Tailwind CSS + VueJS 单文件组件和 VS Code 集成
问题描述
如何正确配置 Tailwind CSS 和 VS Code 以至少禁用 VueJS 单文件组件 (vue-cli) 中关于 at-rule 和空标记错误的错误?
<template>
...
</template>
<style lang="scss">
body {
// } expected
@apply font-source pt-4;
} // at-rule or selector expected
h5,h4,h3,h2,h1 {
// } expected
@apply font-pt font-bold;
} // at-rule or selector expected
</style>
解决方案
我在本指南的帮助下完成了工作
TLDR
安装 VS Code 插件 stylelint(发布者名称:stylelint)
禁用项目的 scss / css 验证。点击 F1 并搜索“设置 json”。
设置.json
"scss.validate": false
"css.validate": false
- 添加和配置 stylelint 插件。将以下文件和内容添加到项目根目录。
stylelint.config.js
module.exports = {
rules: {
'at-rule-no-unknown': [
true,
{
ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen']
}
],
'declaration-block-trailing-semicolon': null,
'no-descending-specificity': null
}
}
- (可选)您“可能”需要重新启动 vs 代码才能看到更改
推荐阅读
- r - 将 R 连接到 Vertica DB 以进行数据转换和建模?
- r - 将 XGBoost eval_metric 交叉验证计算与权重匹配
- javascript - cors 污染图像上的映射颜色转换
- python - 需要帮助使用带括号的字符串
- keycloak - 是否可以从 Keycloak 中检索 AUTH_SESSION_ID cookie?
- r - Anova 测试 - 具有两个因素比较的单独组
- ibm-cloud - 上传后 bluemix 应用程序推送挂起
- ios - 使用 PinLayout 制作网格视图
- python - 组合 2 个列表,每次 n 个元素
- swift - 在 Swift 中,为什么错误“类型别名引用自身”取决于类型别名的定义位置?