エディタの設定
エディタ拡張機能は、プロジェクト内の oxfmt --lsp を使用するため、oxfmt はローカルにインストールされている必要があります。
Oxfmt のインストールについては、クイックスタート をご参照ください。
対応しているエディタ
VS Code
インストール
公式の Oxc VS Code 拡張機能を次からダウンロードしてください:
この拡張機能は、他の VS Code ベースのエディタ(例:Cursor)とも互換性があります。
チーム設定
- コントリビュータに拡張機能の推奨を行う:
.vscode/extensions.json:
json
{
"recommendations": ["oxc.oxc-vscode"]
}.vscode/settings.jsonで保存時にフォーマットを有効にする:
json
{
"oxc.fmt.configPath": ".oxfmtrc.json",
"editor.defaultFormatter": "oxc.oxc-vscode",
"editor.formatOnSave": true
}言語ごとに設定する場合:
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 oxfmtlua
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 --lspLSP 対応していないエディタの場合:
sh
cat foo/bar.js | oxfmt --stdin-filepath dummy.js --config ./path/to/config.json