Babelesformatter-jsxをインストールした後、新しい問題が発生しました。フォーマット プラグインがハングしました。 。 。2 つまたは 3 つのプラグイン (jsfmtなど) を試しましたが、理想的なものではありませんでした。
は使えますが、JSX のインデントと
switch などの文の変なインデントがひどいです。 最後に、IDE を変更しようとしていたときに、VSCode フォーマット プラグインの構成項目の 1 つが esformatter-jsx であり、prettier## も選択できることに気付きました。 ＃。
prettier 公式 Web サイト (Science Internet): https://prettier.io/docs/en/install.html Facebook が React のコードを最適化するためにこれを使用していることがわかります。 プロジェクト。詳しくは説明しませんでした。
npm i -g prettierが含まれています。ダウンロードしたパッケージには、オントロジーであるbin-prettier.js
sublime text3 パッケージ コントロール
で prettier を直接検索してダウンロードし、その
設定項目を開き、次のように追加して保存します。 ローカルの node および node_modules パスの変更に注意してください
{
"debug": false,
"prettier_cli_path": "/usr/local/lib/node_modules/prettier/bin-prettier.js",
"node_path": "/usr/local/bin/node",
"auto_format_on_save": false,
"auto_format_on_save_excludes": [],
"allow_inline_formatting": false,
"custom_file_extensions": [],
"max_file_size_limit": -1,
"additional_cli_args": {},
"prettier_options": {
"printWidth": 80,
"singleQuote": false,
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"parser": "babylon",
"semi": true,
"requirePragma": false,
"proseWrap": "preserve",
"arrowParens": "avoid"
}
}
<pre class="brush:php;toolbar:false">{ "keys": ["super+shift+c"], "command": "format_javascript" }</pre>をショートカット キー設定に追加します。詳細については、github でプラグイン作成者の Readme を確認してください。プラグインの機能がすべての機能ではありません。コマンド ラインの指示を使用してコードをフォーマットできます (直接引用することもできます)プロジェクト内で?)