解决报错：colon expectedcss(css-colonexpected) 和 semi-colon expectedcss(css-semicolonexpected)

解决报错：colon expectedcss(css-colonexpected) 和 semi-colon expectedcss(css-semicolonexpected)

当时的报错图片没有截下来，但是是在vue-cli搭建的项目中，在.vue文件的style标签中使用less时报的错误。

解决办法：

1、将 styleint 依赖项添加到项目中

npm install --save-dev stylelint stylelint-config-standard

2、在根目录中添加stylelint.config.js文件（与package.json同级）

加入如下代码

module.exports = {
  extends: ["stylelint-config-standard"],
  rules: {
    "at-rule-no-unknown": [
      true,
      {
        ignoreAtRules: [
          "tailwind",
          "apply",
          "variants",
          "responsive",
          "screen",
        ],
      },
    ],
    "declaration-block-trailing-semicolon": null,
    "no-descending-specificity": null,
  },
};

3、在vscode中安装 Stylelint 和 Tailwind CSS IntelliSense 插件

4、最后，在vscode的setting.json文件中加入以下内容

"css.validate": false,
"less.validate": false,
"scss.validate": false,

这样就禁用了原本的 linting，使用 Tailwind IntelliSense 插件对其进行 linting。现在报错就消失啦

标签：false,stylelint,expectedcss,报错,colon,css
来源： https://www.cnblogs.com/XYH-Learning/p/16309194.html