Skip to content

エディタの設定

エディタ拡張機能は、プロジェクト内の oxfmt --lsp を使用するため、oxfmt はローカルにインストールされている必要があります。

Oxfmt のインストールについては、クイックスタート をご参照ください。

対応しているエディタ

VS Code

インストール

公式の Oxc VS Code 拡張機能を次からダウンロードしてください:

この拡張機能は、他の VS Code ベースのエディタ(例:Cursor)とも互換性があります

チーム設定

  1. コントリビュータに拡張機能の推奨を行う:

.vscode/extensions.json:

.vscode/extensions.json
json
{
  "recommendations": ["oxc.oxc-vscode"]
}
  1. .vscode/settings.json で保存時にフォーマットを有効にする:
.vscode/settings.json
json
{
  "oxc.fmt.configPath": ".oxfmtrc.json",
  "editor.defaultFormatter": "oxc.oxc-vscode",
  "editor.formatOnSave": true
}

言語ごとに設定する場合:

.vscode/settings.json
json
{
  "[javascript]": {
    "editor.defaultFormatter": "oxc.oxc-vscode",
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "oxc.oxc-vscode",
    "editor.formatOnSave": true
  }
}

参照

Zed

インストール

参照

JetBrains

IntelliJ IDEA および WebStorm。

インストール

参照

Neovim

nvim-lspconfig

sh
npm i -g oxfmt
lua
vim.lsp.enable('oxfmt')

conform.nvim

lua
require("conform").setup({
  formatters_by_ft = {
    javascript = { "oxfmt" },
    javascriptreact = { "oxfmt" },
    typescript = { "oxfmt" },
    typescriptreact = { "oxfmt" },
    json = { "oxfmt" },
    vue = { "oxfmt" },
  },
})

coc.nvim

vim
:CocInstall coc-oxc

その他のエディタ

LSP 対応のエディタ(Emacs、Helix、Sublime など)の場合、次のように設定してください:

sh
oxfmt --lsp

LSP 対応していないエディタの場合:

sh
cat foo/bar.js | oxfmt --stdin-filepath dummy.js --config ./path/to/config.json

参照