去除vue中的eslint中的警告

用vue-cli脚手架起一个项目的时候,默认使用在文件中默认安装了eslint-loader模块,eslint-loader模块是目前相对比较流行的代码检测工具,可以检测书写的代码是否符合统一规范,可以在一些比较大型的项目开发中统一开发人员的代码风格,这也就是为什么代码缩进有可能导致页面报错的原因(代码缩进不符合规范)。

解决办法

解决办法一、 可以使用特殊的注释

1. 忽略下一行的警告
// eslint-disable-next-line
2. 忽略文件中的所有警告
 /* eslint-disable */

解决办法二 、 关闭eslint

如果是在普通的webpack项目中我们只需要打开webpack.config.js文件,然后去除ESlint在文件中的配置代码就可以了; 如果是在vue项目中,我们需要打开项目根目录下的build文件夹并且打开该文件夹下的webpack.base.conf.js文件,然后去除ESlint在文件中的配置代码就可以了。

const createLintingRule = () => ({
  test: /\.(js|vue)$/,
  loader: 'eslint-loader',
  enforce: 'pre',
  include: [resolve('src'), resolve('test')],
  options: {
    formatter: require('eslint-friendly-formatter'),
    emitWarning: !config.dev.showEslintErrorsInOverlay
  }
})
···
...(config.dev.useEslint ? [createLintingRule()] : []),

results matching ""

    No results matching ""