問題タブ [prettier]

単純な配列定義があり、次の構文にしたい：

ファイルを保存したときに、Eslint は 1 行に 1 つの項目を配置しました。

これは私の現在のeslint構成です:

私もeslintでよりきれいに使用します。上記の構文に従うように構成するにはどうすればよいですか?

私は ReactJS 環境をセットアップしている最中で、このトピックに関する FrontendMasters コースに従っています。

Yarn を介してeslintとprettierをグローバルにインストールした後、作成者はこのコマンドeslint js\**\*.{js,jsx}を自分のマシンで実行します。すべて問題ありませんが、次の結果が得られます。

おっとっと！エラーが発生しました。:(

ESLint はプラグイン「eslint-plugin-prettier」を見つけることができませんでした。これは、いくつかの異なる理由で発生する可能性があります。

1. ESLint がグローバルにインストールされている場合は、eslint-plugin-prettier もグローバルにインストールされていることを確認してください。グローバルにインストールされた ESLint は、ローカルにインストールされたプラグインを見つけることができません。

2. ESLint がローカルにインストールされている場合、プラグインが正しくインストールされていない可能性があります。次のコマンドを実行して、再インストールを試みます。

   npm i eslint-plugin-prettier@latest --save-dev

それでも問題が解決しない場合は、https://gitter.im/eslint/eslintにアクセスしてチームとチャットしてください。

Google を試しましたが、関連するものが見つかりませんでした。なぜこうなった？私は Windows 10 を使用しており、最新バージョンの Yarn (v0.24.6) を使用していeslintrc.jsonます。

アップデート

nvmインストールはしていませんが、以下の Daydream のアドバイスに従いました。しかし、私はnode_modulesフォルダーを削除し、ESLint の Gitter でチャットした後、先に進みESLint、Prettierグローバルにアンインストールしました。次にESLint、Prettier devDependenciesを作成しました。最後にyarn、コマンドを実行してすべてを再インストールしたところ、次のようになりました。

注: このプロジェクトはオープン ソースであり、自分で確認したい場合はGitHubにあります。