如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

electron-vue无疑是目前国内electron开发过程中,最流行的框架。无数有经验的大佬,无经验的小白,都在往electron-vue这个大坑里面跳。很多小白试着编写了第一行electron代码之后,就会大喊:为什么写的没错,却编译失败啊。

electron-vue 项目,如何手工关闭 eslint ? - electron-vue-disable-eslint
electron-vue 项目,如何手工关闭 eslint ?(图4-1)

大多数情况下,都是因为在初始化electron-vue项目的时候,开启了eslint这个语法检查器。这个eslint是很难缠的,会让很多小白手足无措。

那么苏南大叔的建议是:对于小白来说,强烈建议你关闭eslint。在项目初始化的时候,就应该关闭它。本文的测试环境是:win10node8.11.1npm5.6.0vue2.9.6electron1.8.4

报错截图

eslint的报错,在普通开发者的角度来看的话,真心是没有什么问题的。所以,这个eslint只会把小白逼疯。报错类似如下:

 ERROR in ./src/main/index.js
 Module Error (from ./node_modules/eslint-loader/index.js):

electron-vue 项目,如何手工关闭 eslint ? - eslint-error
electron-vue 项目,如何手工关闭 eslint ?(图4-2)

方案一:项目初始化禁用eslint

在执行electron-vue项目的初始化的时候,就有个选项是关于eslint的。那么,如果您注意到这个选项,苏南大叔个人建议您,选择no

vue init simulatedgreg/electron-vue my-project
? Use linting with ESLint? (Y/n) n

electron-vue 项目,如何手工关闭 eslint ? - no-use-eslinting
electron-vue 项目,如何手工关闭 eslint ?(图4-3)

方案二:项目初始化完成后再禁用eslint

这个就属于亡羊补牢了,涉及的文件有三个,都位于目录.electron-vue/下,分别是:webpack.main.config.jswebpack.renderer.config.jswebpack.web.config.js。修改的代码,也很一致。都是找到类似如下的配置,然后删除即可。

{
  test: /\.(js)$/,
  enforce: 'pre',
  exclude: /node_modules/,
  use: {
    loader: 'eslint-loader',
    options: {
      formatter: require('eslint-friendly-formatter')
    }
  }
},

electron-vue 项目,如何手工关闭 eslint ? - 删除eslint配置项目
electron-vue 项目,如何手工关闭 eslint ?(图4-4)

总结

禁用掉electron-vue中的eslint之后,小白们就可以尽情的在electron-vue的代码中试错了,你懂的。

更多electron的相关经验文章,请支持点赞苏南大叔的相关文章:

 【源码】代码片段及相关软件点此获取

 【electron】秘籍文章入口,仅传授于有缘之人   electron    vue

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!