ESLintと「eslint --init」による「.eslintrc.json」の生成
ESLintはJavaScriptのソースコードを静的解析するツールです。 Lintツールはソースコードの書き方を統一したり、静的解析の段階で問題になりそうなコードや、明らかなバグを見つけるのに役立ちます。 .eslintrc.json ESLintの実行には設定ファイルが必要です。 これは「--init」で作成できます。 $ npm install --save-dev eslint $ npx eslint --init ? How would you like to use ESLint? To check syntax and find problems ? What type of modules does your project use? CommonJS (require/exports) ? Which framework does your project use? N
Node.js（ES6で実装）におけるESLint・Prettierの設定を1からやってみた｜SHIFT Group 技術ブログ
はじめにこんにちは、SHIFT の開発部門に所属しているKatayamaです。 開発をしていく中に静的解析・構文チェックが常に走る状態になっておらず、開発後に一気に静的解析・構文チェックを実行すると、中々悲惨な事になってしまいます・・・。というわけで今回は JavaScript の開発をする上では必須とも言える静的解析・構文チェックツールである ESLint・prettier の設定を 1 からやってみたので、それについて書いていこうと思います。 合わせて、ESLint・prettier の設定に合わせた VS Code の設定も行ってみたので、それについても書いています。 ※なお、今回 ESLint の設定を行うプロジェクトは、Node.js で ES Modules を利用して実装しているものにります。Node.js で ES Modules を利用するための設定についてはNode.j
ESLint の設定ファイル (.eslintrc) の各プロパティの意味を理解する
何を説明するか下記は、TypeScript を使った React アプリ実装用に用意した ESLint 設定ファイル (.eslint.yml) の例です。 トップレベルのプロパティとして、env や extends などがありますが、これらが何を意味しているかをざっと説明します。 .eslint.yml（例） root: true env: browser: true es2021: true parser: '@typescript-eslint/parser' parserOptions: ecmaVersion: 2021 project: ./tsconfig.json plugins: - react - react-hooks - '@typescript-eslint' extends: - eslint:recommended - plugin:react/recomme
ESLint対応物語 ~no-restricted-syntax~ - Qiita
むちゃくちゃ間が空いちゃいましたが、明日会社でLTやるので書きますw 今回は「no-restricted-syntax」=「制限構文を使っちゃだめ」 というルールの紹介と対応方法をまとめたいと思います。 具体的にはどんなもの？ no-restricted-syntax このルール自体に制約はなく、オプションで指定した構文を禁止する、といったもののようです。 ちなみに eslint-config-airbnb v14.1.0ではこんな感じで設定されています。 // disallow certain syntax forms // http://eslint.org/docs/rules/no-restricted-syntax 'no-restricted-syntax': [ 'error', { selector: 'ForInStatement', message: 'for..in
eslint-plugin-react-hooks
eslint-plugin-react-hooks4.6.0 • Public • Published a year ago This ESLint plugin enforces the Rules of Hooks. It is a part of the Hooks API for React. Installation Note: If you're using Create React App, please use react-scripts >= 3 instead of adding it directly. Assuming you already have ESLint installed, run:
How to properly set up ESLint with Prettier for Vue or Nuxt in VSCode
Writing tech tutorials is hard because certain configurations might stop working after several months. As I’m also working on other things I don’t always have time to check if this is still working. However, if this tutorial doesn’t work for you anymore, please let me know ASAP! I really don’t want to waste your time doing something that doesn’t work anymore. With JavaScript being a dynamic and lo
ESLint v2.11.0 - Qiita
新しいルール #2693: no-prototype-builtins hasOwnProperty 等のプロパティのメタ情報を取得するメソッドを、メソッドとして利用すると警告するルールです。 これらは Object.create(null) と併用する場合が多く、Object.create(null) で作成したオブジェクトは一切メソッドを持っていないため、TypeError の原因になります。 /*eslint no-prototype-builtins: "error"*/ // ✔ GOOD Object.hasOwnProperty.call(obj, "prop") // ✘ BAD obj.hasOwnProperty("prop") #5502: unicode-bom eslint --fix をサポートしています。 Unicode Byte Order Mark の有無
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
