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

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

1、最常见的一种方法

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

img

2.找到如下代码,注释掉;

  module: {
    rules: [
      // ...(config.dev.useEslint ? [createLintingRule()] : []),
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
// 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
//   }
// })

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

2、最直接的方法

由于我自己写vue用的是HBuilder-X,而且还安装了eslint-vue的插件
在这里插入图片描述

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

Logo

前往低代码交流专区

更多推荐