如何在 Vue 组件的外部脚本文件上运行 es-lint 规则 正确格式：格式错误：

问题描述

我在 Vue 组件上添加了 es-lint 检查，但组件的脚本不在同一个文件中，我将它作为项目中所有组件的单独文件保存。例如，我在 numbers_to_print.sort(reverse=True) 中添加了 vue/order-in-components 规则，如果组件的脚本具有错误的钩子顺序，则会抛出错误。

正确格式：

.eslintrc.js

格式错误：

export default {
  name: 'Address',props: {
    isNewRegistration: {
      type: Boolean,required: true
    }
  },data() {
    return {
      test: ''
    }
  }
}

在组件文档中订购： https://eslint.vuejs.org/rules/order-in-components.html

因为我已经通过外部文件添加了组件的脚本。我们运行 export default { name: 'Address',// data should come after props data() { return { test: '' } } props: { isNewRegistration: { type: Boolean,required: true } } }

时不会进行这些检查

对此的任何解决方案将不胜感激，提前致谢

解决方法

我对 vue 不熟悉，但您是否尝试过在运行 eslint 时使用 --ext，

eslint --ext .vue --ext .js src/

,

如果您使用的是 webpack 模板，请添加

preLoaders: { js: 'eslint-loader' }

到你的 vue-loader.conf.js 文件。