편집기 설정

확장은 프로젝트의 oxfmt --lsp를 사용하므로 oxfmt를 로컬에 설치해야 합니다.

설치는 빠른 시작을 참고하세요.

지원 편집기

• VS Code(Cursor 등 VS Code 호환 포함)
• Zed
• JetBrains
• Neovim
• 기타 편집기

VS Code

설치

공식 Oxc VS Code 확장:

• Visual Studio Marketplace
• Open VSX Registry

확장은 Cursor를 포함해 VS Code 기반 편집기와 호환됩니다.

팀 설정

1. 기여자에게 확장을 권장:

.vscode/extensions.json:

.vscode/extensions.json

{
  "recommendations": ["oxc.oxc-vscode"]
}

2. .vscode/settings.json에서 저장 시 포맷:

.vscode/settings.json

{
  "oxc.fmt.configPath": ".oxfmtrc.json",
  "editor.defaultFormatter": "oxc.oxc-vscode",
  "editor.formatOnSave": true
}

언어별로 지정하려면:

.vscode/settings.json

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

참고

• oxc-project/oxc-vscode

Zed

설치

• Oxc Zed Extension

참고

• oxc-project/oxc-zed

JetBrains

IntelliJ IDEA 및 WebStorm.

설치

• JetBrains Marketplace의 Oxc

참고

• oxc-project/oxc-intellij-plugin

Neovim

nvim-lspconfig

npm i -g oxfmt

vim.lsp.enable('oxfmt')

• nvim-lspconfig: oxfmt

conform.nvim

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

• conform.nvim

coc.nvim

:CocInstall coc-oxc

• oxc-project/coc-oxc

기타 편집기

LSP를 지원하는 편집기(Emacs, Helix, Sublime 등)에서는:

oxfmt --lsp

LSP가 없으면:

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

참고

• oxc_language_server