ESLint
https://gyazo.com/8dcc8e01ffccae6c207aa358e4de1e65
プロジェクトに導入
$ npx eslint --init
序盤でJavaScript or CommonJSって聞かれるけど、TSの場合もJSにしとけばいい
あとでTS使うか聞かれるので。
このプラグインを入れたタイミングか、initしたタイミングか忘れたが、VSCode上のアラートで↓こういうのが表示されるが、ここで「Allow」を選択しないと良い感じに表示されない
https://gyazo.com/211446dcf0322bcac9b64945d211cca1
誤って「Allow」以外を押しちゃって再選択したい場合は、VSCodeのコマンド上で`ESLint: Reset Library Decision」を実行すればいい ref 例
code:.eslint.json
{
"overrides": [
{
"rules": {
"react/prop-types": "off",
"react/display-name": "off",
"@typescript-eslint/ban-types": "off",
"@typescript-eslint/no-unused-vars": "off",
...
}
}
]
}
概要
プラグイン
babel-eslint
eslint-config-react-app
eslint-plugin-flowtype
eslint-plugin-import
eslint-plugin-jsx-a11y
FAQ
Q. ESlint本体は、Globalに入れるの？
A. VSCodeにプラグインが入っていればglobalに入れてなくても動いた
https://www.youtube.com/watch?v=Xc2yz5maSUQ
custom ruleを作って生産性改善
なんかオワコンって聞いたことあるようなmrsekut.icon
コミュニティが活発でないとか何とか
というかDEPRECAREDになった
何が違うのかよくわからない