千金一刻莫空度,老大无成空自伤。这篇文章主要讲述Create-React-App项目外使用它的eslint配置相关的知识,希望能为你提供帮助。
概述使用Create-React-App脚手架感觉它的eslint配置有点好用,于是考虑不用Create-React-App脚手架该怎么使用这些配置。
【Create-React-App项目外使用它的eslint配置】我于是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
配置,真的很方便。推荐阅读
- win8.1打印机总提示“print spooler出错0x800706b9资源不足”怎样办
- android源码
- Android-3Android中的任务栈(Task)
- Android-2Android进程优先级
- Androidstudio坑
- Spring @RequestMapping 路径无法继承
- Android性能优化--ANR
- Android性能优化--冷启动优化(Application)
- win10 uwp ApplicationView