代码检验

优质
小牛编辑
134浏览
2023-12-01

你可能有疑问,在 .vue 文件中你怎么检验你的代码,因为它不是 JavaScript。我们假设你使用 ESLint (如果你没有使用话,你应该去使用!)。

你还需要官方的 eslint-plugin-vue,它支持同时检查你 .vue 文件中的模板和脚本。

请确保在你的 ESLint 配置中使用了该插件自身的配置:

{
  "extends": [
    "plugin:vue/essential"
  ]
}

在命令行这样使用:

eslint --ext js,vue MyComponent.vue

别一种方法是使用 eslint-loader,这样你的 .vue 文件会在开发期间每次保存时自动检验。

npm install eslint eslint-loader --save-dev

请确保它应用在了 pre-loader 上:

// webpack.config.js
module.exports = {
  // ... other options
  module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /node_modules/
      }
    ]
  }
}