npmコマンドでeslintとprettierを追加する方法 - 簡単なガイド

以下に、具体的な手順を示します。

1. プロジェクトのルートディレクトリで、ターミナルまたはコマンドプロンプトを開きます。

2. 次のコマンドを実行して、eslintとprettierをdevDependenciesとしてプロジェクトに追加します。

npm install --save-dev eslint prettier

3. プロジェクトのルートディレクトリに.eslintrc.jsonという名前のファイルを作成します。このファイルはeslintの設定ファイルです。以下は、基本的な設定の例です。

{
  "extends": ["eslint:recommended"],
  "rules": {
    // ここにルールを設定します
  }
}

4. プロジェクトのルートディレクトリに.prettierrcという名前のファイルを作成します。このファイルはprettierの設定ファイルです。以下は、基本的な設定の例です。

{
  "printWidth": 80,
  "tabWidth": 2,
  "singleQuote": true,
  "trailingComma": "es5"
}

5. これで、eslintとprettierがプロジェクトに正しく追加されました。コードの品質を向上させるために、ルールをカスタマイズしたり、.eslintrc.jsonファイルと.prettierrcファイルの設定を調整することができます。

以上で、npmコマンドを使用してeslintとprettierをプロジェクトに追加する方法が説明されました。これにより、コードの品質を向上させ、一貫性のあるフォーマットを実現することができます。