Create-React-App项目外使用它的eslint配置
2024-08-26 17:44:04
概述
使用Create-React-App脚手架感觉它的eslint配置有点好用,于是考虑不用Create-React-App脚手架该怎么使用这些配置。
我于是eject了Create-React-App脚手架,查看它的详细配置和官方文档,总结了使用它的eslint配置的方法,记录如下,供以后开发时参考,相信对其它人也有用。
配置
(1)首先安装依赖:
npm install eslint --save-dev
npm install babel-eslint --save-dev
npm install eslint-plugin-flowtype --save-dev
npm install eslint-plugin-jsx-a11y --save-dev
(2)然后配置package.json
文件。(不需要配置.eslintrc.js文件,详见Eslint Configuring文档)
"eslintConfig": {
"parser": "babel-eslint",
"extends": [
"plugin:flowtype/recommended",
"plugin:jsx-a11y/recommended"
],
"plugins": [
"flowtype",
"jsx-a11y"
]
}
(3)在主目录下面输入eslint + 文件名即可。比如eslint test.js
。
测试是否生效
测试内容如下,如果有5个报错,那么证明是生效的。
type X = bool
// Message: Use "boolean", not "bool"
// Options: ["boolean"]
type X = bool
// Message: Use "boolean", not "bool"
// Options: ["bool"]
type X = boolean
// Message: Use "bool", not "boolean"
感想
以前用eslint的时候感觉每次要配置.eslintrc.js
文件超级麻烦,现在才发现可以直接在package.json
配置,真的很方便。
最新文章
- hdfs以及hbase动态增加和删除节点
- nginx-nginx脚本
- 14——小心copying行为
- 有感于三个50岁的美国程序员的生活状态与IT职业杂想
- 多线程操作(ThreadPool.QueueUserWorkItem
- 解决Android Studio启动速度慢的问题。避免每次启动Android Studio都要fetching Android sdk compoment information。
- 玩转Web之Json(一)-----easy ui+ajax + json 中关于Json的解析问题
- C语言极易出错的地方(更新中)
- java实现最小生成树的prim算法和kruskal算法
- cf24D. Broken robot(高斯消元)
- 解决pycharm问题:module 'pip' has no attribute 'main'
- vue.js的计算机属性学习
- 认知:关于Android 调试的坑
- Partition by使用
- 使用exundelete在Linux下恢复删除的文件
- Python数据结构———栈
- 【转载】selenium与自动化测试成神之路
- redis 数据类型为string命令整理以及示例
- Java反射API研究(4)——Class中的重要对象
- vim简单的文本编辑命令