如何在Vue模板文件中配置eslint prettier禁用样式？

Question

我想忽略 eslint .vue 文件中的所有“style”标签。我已经将 @vue/prettier 与 eslint 一起使用。

如何在 Vue 模板文件中仅禁用“style”标签？

.eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    jquery: true,
    node: true
  },
  plugins: [
    "vue"
  ],
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "prettier/prettier": "error",
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
    "new-cap": [
      2,
      {
        newIsCap: false,
        capIsNew: false
      }
    ],
    "no-useless-escape": 0
  },
  parserOptions: {
    parser: "babel-eslint",
    sourceType: "module"
  },
};

Answer 1

prettier 和 vue 不能混为一谈。解决这个问题是一项艰巨的任务。我使用 VSCode，它会破坏我的工作流程吗？我对 ctlf 功能有一个问题，该功能在确定哪些线路需要它时不加区别。

尝试使用此处链接中的 Jon Gallants 设置！

这对我来说完全有效！