プラグインで自動的にコードをフォーマットきれい非常に良いされ、このプラグインは、IDEの異なる場所で異なる構成を有するが、コンフィギュレーションパラメータは、本質的に同じです。
ここphpstormでの(バージョン2019.2)を設定する方法についてです。
私の環境:マックOS X-10.14.4
1.きれいプラグ、好ましくはグローバルマウントをインストール
1.1で:BREWきれいにインストールします(このようにきれいには、ノードに依存しているため、マシンのノードをアップグレードする可能性があるので、大きな環境変化があるでしょう)
1.2:NPMはきれい-gインストール (推奨このような方法で)
インストールが完了したら、次の実行:きれいには、可視性は、コマンドラインで次のコマンドを見つけることができました。
phpstorm 2.設定ファイルのウォッチャー
以上のように構成した後、完成していても(だけで、それを完了するための大きな一歩と考えることができます)!次のテストすることができます。
ほんの少し混沌とすることができjsのコードのフォーマットについて書く、ちょうど新しいxxx.jsを作成する場所を探して、新しいプロジェクトを作成します。
その後、次のファイルを保存し、ファイルが自動的に==>フォーマットされ、それが成功でした!
しかし、あなたはそれが見つけることが必要に自動的にフォーマット形式ではありませんあなたはJSでタブの代わりにスペースを使用すると、単一引用符の代わりに二重引用符を使用したい場合は、。
非常に単純な、という名前のファイルに新しいプロジェクトディレクトリ:.prettierrc(これはJSONファイルである)、そして次の行を追加します。
{ "useTabs":真、 "tabwidthは":4、 "半":偽、 "シングルクォート":真、 "jsxSingleQuote":真 }
あなたの期待に会うことができるはず、それを保存し、自動的にもう一度お試しください!
また、プロジェクトはpackage.jsonファイルを持って、あなたはまた、このファイル形式で、きれいに設定できます。
{ "きれい":{ "useTabs":真、 "tabwidthは":4、 "半":偽、 "シングルクォート":真、 "jsxSingleQuote":真 } }
上記のコードは、他の構成のpackage.jsonに省略されています!
=======================================
ファイルウォッチャー構成でWebstormとアイデアは類似していなければなりません!