在creat-react-app中配置ESlint(IDE为webstrom)

creat-react-app默认将所有配置信息全部隐藏了起来,首先需要将配置文件“吐出”:

npm run eject:这个命令是将由create-react-app创建的项目的配置文件显示出来,这样就可以由开发者自定义配置信息了。注意这个过程是不可逆的,也就是说执行了这个命令之后,配置信息就一直是显式的,不可以再隐藏起来了。

这时候可以看到packge.json最后有一个这样的配置:

image.png

将这个配置信息从packge.json中删除,然后再项目根目录下新建一个.eslintrc文件,文件内容为:

{
  "extends": "react-app"
}

第三步就需要开启webstrom对于ESLint的支持了:
File --> Setting然后搜索ESlint

image.png

这样就开启了webstrom对于ESlint的支持了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ESLint 配置 ESlint 被设计为完全可配置的,这意味着你可以关闭每一个规则而只运行基本语法验证,或混合和...
    静默虚空阅读 41,537评论 3 14
  • EsLint入门学习整理 这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容...
    点柈阅读 26,080评论 3 42
  • 两个月之前在项目中就开始使用 Eslint ,当时直接 copy 别人的 .eslintrc.js 文件,感觉好复...
    dkvirus阅读 112,152评论 33 190
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,269评论 25 708
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,715评论 7 110