フロントエンド開発といえば。
react アプリの初期化( pnpm create vite@latest または npm init vite@latest <アプリ名> )

爆速 oxfmtをインストールする / VS Codeで利用できるようにする

● oxfmtのインストール

npm install -D oxfmt
● oxfmt の 設定ファイルをPrettierの設定ファイルから移植する。
npx oxfmt --migrate prettier
● oxfmt の コマンドをpackage.json に追加する
    "format": "oxfmt --check",
    "format:fix": "oxfmt",

● oxfmtの実行

npm run format
npm run format:fix

● oxfmt を VS Codeで利用できるようにする

こちらをインストールします https://open-vsx.org/extension/oxc/oxc-vscode

設定

{
  "editor.defaultFormatter": "oxc.oxc-vscode",
  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file" // tell oxfmt to format the whole file, not only the modified lines
  // Or enable it for specific file types:
  // "[javascript]": {
  //   "editor.defaultFormatter": "oxc.oxc-vscode"
  // },
}
No.2726
04/30 13:00

edit