편집기 설정

편집기 확장 프로그램은 프로젝트 내의 oxfmt --lsp를 사용하므로, oxfmt는 로컬에 설치되어야 합니다.

Oxfmt를 설치하려면 빠른 시작을 참조하세요.

지원되는 편집기

• VS Code (그리고 Cursor 등)
• Zed
• JetBrains
• Neovim
• 기타 편집기

VS Code

설치

공식 Oxc VS Code 확장 프로그램을 다음에서 다운로드하세요:

• Visual Studio Marketplace
• Open VSX Registry

이 확장 프로그램은 다른 VS Code 기반 편집기와도 호환됩니다, 포함된 Cursor도 포함합니다.

팀 설정

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 확장 프로그램

참조

• oxc-project/oxc-zed

JetBrains

IntelliJ IDEA 및 WebStorm.

설치

• JetBrains 마켓플레이스에서의 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 지원이 있는 편집기(에마크스, 헬릭스, 서브라임)의 경우 다음을 구성하세요:

oxfmt --lsp

또는, LSP 지원이 없는 편집기의 경우:

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

참조

• oxc_language_server