HBuilder-X 关闭eslint-vue 插件语法检查_hbuilder怎样去掉eslint

HBuilder-X 关闭eslint-vue 插件语法检查

在创建vue项目时，手残选了eslint，看着写的代码一堆红杠杠，心里真的很不是滋味，于是打开祖传工具百度

1、最常见的一种方法

1.首先在你的项目里找到build------>webpack.base.conf.js文件；

2.找到如下代码，注释掉；

  module: {
    rules: [
      // ...(config.dev.useEslint ? [createLintingRule()] : []),
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
1
2
3
4
5
6
7
8

// 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
//   }
// })
1
2
3
4
5
6
7
8
9
10

3.cmd中ctrl+c—>y—>npm run dev重新启动，就ok了

2、最直接的方法

由于我自己写vue用的是HBuilder-X，而且还安装了eslint-vue的插件

于是我直接进入插件安装，将该插件卸载，然后代码文件中的红杠杠就都没了，要是有和我一样手残的，可是试试这种简单粗暴的方法，嘿嘿！