2024å¹´9月 俺㮠eslint.config.jsã¯ã˜ã‚㫠「Flat Config ãŒä½•ã‹ã¯ã‚ã‹ã£ãŸã‹ã‚‰ã‚µãƒ³ãƒ—ルをãã‚Œï¼ã€ã¨ã„ã†æ–¹å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ ç†è€…ãŒæ™®æ®µä½¿ç”¨ã—ã¦ã„ã‚‹ eslint.config.js ã‚’ã”紹介ã—ã¾ã™ã€‚ Flat Config ã«ã¤ã„ã¦ã¯è‰¯è¨˜äº‹ãŒãŸãã•ã‚“ã‚ã‚‹ãŸã‚ ↓ ãªã©ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 今回ã”紹介ã™ã‚‹è¨å®šã¯ã€React × TypeScript を使用ã—ã€ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ Prettier ã«ä»»ã›ã‚‹å‰æã«ãªã£ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€Vue やサーãƒãƒ¼ Node.js ã§ã‚‚使ã„ã¾ã‚ã›ã‚‹ç®‡æ‰€ã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ eslint.config.js ã¾ãšã¯çµè«–ã‹ã‚‰ã€‚ // @ts-check import { fixupConfigRules } from '@eslint/compat'; import { FlatCompat } from '@eslint/eslintrc'; import eslint from '@
ESLintã®configãŒã©ã®ã‚ˆã†ã«å¤‰ã‚ã‚Šå¾—ã‚‹ã‹ï¼ˆflat configã¨ã¯ä½•ã‹ï¼‰
ESLint(ã‚ã‚‹ã„ã¯TSLint)ã¨Prettierを併用ã™ã‚‹ - ã²ã¨å¤ã®æŠ€è¡“
prettierã®ä½¿ã„æ–¹ - Qiita
git commit時ã«prettierã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ‰æ•´å½¢ãƒ»ESLintルールãƒã‚§ãƒƒã‚¯ãƒ»flowåž‹ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã£ã¦ç²¾ç¥žã®å®‰å®šã‚’å¾—ã‚‹ - Qiita
ESLintã®ã‚¨ãƒ©ãƒ¼ãƒ«ãƒ¼ãƒ«ã€‚日本語ã–ã£ãり解説[ベストプラクティス編] - Qiita![ESLintã®ã‚¨ãƒ©ãƒ¼ãƒ«ãƒ¼ãƒ«ã€‚日本語ã–ã£ãり解説[ベストプラクティス編] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/01ecb5400b9ed6178b6d818264a9eec75974a344/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNjQzNzclMkZwcm9maWxlLWltYWdlcyUyRjE1NjEwMjcxMDE_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YWY3NWEzYjg3NTA2ZjhjZTM5OWE4OTM4NTNhZDVhNmY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D1572f543905c69d1a432b7b994d93280%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9RVNMaW50JUUzJTgxJUFFJUUzJTgyJUE4JUUzJTgzJUE5JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgwJTgyJUU2JTk3JUE1JUU2JTlDJUFDJUU4JUFBJTlFJUUzJTgxJTk2JUUzJTgxJUEzJUUzJTgxJThGJUUzJTgyJThBJUU4JUE3JUEzJUU4JUFBJUFDJTVCJUUzJTgzJTk5JUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgzJTk3JUUzJTgzJUE5JUUzJTgyJUFGJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgyJUI5JUU3JUI3JUE4JTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MTFlZmY3NjRlNWIwMmJiNWJmYTJkZTVjMDU1ZjhiNzg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBNLUlTTyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWI4ODNjYTVhZWVlZTA2OTU1OWExNjRkZTMxM2QyYWRm%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db195c5f6ad0948c4ad85a2880e0b6abc)
{{#tags}}- {{label}}
{{/tags}}