どっかの誰かに聞かれて調べた内容メモ
Minify されたコードを Prettier する方法
GeneXusで自動生成されたコードは基本全てMinify(ミニファイ)されてます。
JSとかCSSの改行や無駄なインデントを削除すること[/alert]
たまに動作がおかしい時とかは
自動生成されたコードの内容を確認することもあります。
そういう時は1個2個のファイルの場合はVSCodeのプラグインを使います。
VS Code
VSCodeのプラグイン「Prettier – Code formatter」
使い方は外部サイトで
https://ma-vericks.com/vscode-prettier/
でも複数ファイルの場合はコマンドで一気にキレイにしたい場合は
node.js から prettierモジュールをインストールして実行します。
node.js
node.js の prettierモジュール
参考
GitHub – prettier/prettiergithub.com
1.node.js のインストール
省略。適当にインストールして。
https://nodejs.org/ja/
2.バージョンの確認
以下のコマンドが使えれば、問題なく動くと思います。
3.prettierモジュールのインストール
キレイにしたいJSがあるフォルダに移動して、以下のコマンドを実行。
4.prettierコマンド
以下のコマンドでPrettierされているかどうか確認できます。
以下のコマンドでjsファイルを一気にキレイにできます。
結果はこんな感じ
↓
オプションファイル
↑だとインデントがスペース2個ですが、4個に設定を変えて、再実行。
設定ファイルはnode_modulesディレクトリと同じ階層に配置。
オプションの項目は以下を参考に指定
https://prettier.io/docs/en/options.html
.prettierrc
以上です。