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

Posted

技术标签:

【中文标题】如何在 Vue 模板文件中配置 eslint prettier 禁用样式?【英文标题】:How to config eslint prettier disable style in Vue template files? 【发布时间】:2020-05-14 13:58:58 【问题描述】:

我想忽略 .vue 文件中的所有 'style' 标签。 我在 eslint 中使用过 @vue/prettier。

如何在 Vue 模板文件中只禁用“样式”标签?

.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"
  ,
;

【问题讨论】:

请检查这篇文章是否有帮助:***.com/questions/34764287/… @monogate 这不适合我的情况......这种方式仅对特定文件或代码块或行有用。 【参考方案1】:

prettier 和 vue 不能混用。弄清楚这一点是一项艰巨的任务。我使用 VSCode 并且它破坏了我的工作流程。我对 ctlf 功能有一个问题,它在确定哪些行需要它时不加选择。

尝试使用此处 a link 的 Jon Gallants 设置!

它完全适合我!

【讨论】:

“你不应该这样做”不是问题的答案。我正在使用更漂亮的 eslint,以便我可以在我们团队中使用的所有不同 IDE 中进行一致的 linting 和格式化。

以上是关于如何在 Vue 模板文件中配置 eslint prettier 禁用样式?的主要内容,如果未能解决你的问题,请参考以下文章

vue cli3及以上如何禁用eslint检查?

vue-cli的使用(模板自定义本地配置,eslint的配置)

在 Vue-cli 项目中应用 eslint-loader 选项,以便尊重 eslint 配置

Vue高级系列配置Vue脚手架-npm方法-vscode配置-vue.config.js-项目打包与发布-ESlint使用

vue cli3 创建的项目中eslint 配置 问题的解决

vscode给 vue 项目 添加 eslint 验证提示遇到的细节问题