コンテンツにスキップ

VS Code拡張機能

Biomeには、コードエディターと緊密に統合され、開発ワークフローにフォーマット、リンティング、コードリファクタリング機能を提供する公式のVS Code拡張機能が付属しています。

このリファレンスドキュメントでは、拡張機能の機能の概要、インストール方法、プロジェクト用に設定する方法について説明します。

拡張機能をインストールする推奨方法は、VS Codeユーザーの場合はVisual Studio Code マーケットプレイス、VSCodiumやCursorなどのその他の派生製品の場合はOpen VSX レジストリを使用することです。

シングルルートワークスペース

Section titled “シングルルートワークスペース”

シングルルートワークスペースは、通常のVS Codeワークスペースで、ワークスペースフォルダが1つだけ存在するものです。

  • ディレクトリsrc/
    • main.ts
  • biome.json
  • package.json

マルチルートワークスペースは、複数のワークスペースフォルダが存在するワークスペースです。この場合、拡張機能はワークスペースフォルダごとにBiomeインスタンスを自動的に作成します。

  • ディレクトリapi/ (ワークスペースフォルダ)
    • biome.json
    • ディレクトリsrc/
      • main.ts
  • ディレクトリapp/ (ワークスペースフォルダ)
    • biome.json
    • ディレクトリsrc/
      • main.ts
  • my.code-workspace

Biome拡張機能は、サポートされているファイルタイプのフォーマッタとして登録され、ファイル全体またはコードの選択のフォーマットをサポートします。

コマンドパレットから、次のいずれかのコマンドを実行します。

  • ファイル全体をフォーマットするには、Format Documentコマンドを実行します。
  • 選択したコードをフォーマットするには、コードを選択してFormat Selectionコマンドを実行します。

保存時にフォーマットを有効にするには、VS Codeのeditor.formatOnSave設定をtrueに設定します。

Biome拡張機能は、サポートされているファイルタイプに対するコードアクションプロバイダーとして自身を登録し、安全な修正がある診断に対してコード修正を提供します。

クイックフィックスを手動で適用するには、診断を選択してQuick Fixボタンをクリックします。

保存時に修正を有効にするには、VS Codeのeditor.codeActionsOnSave設定を以下のように更新します。

{
"editor.codeActionsOnSave": {
"source.fixAll.biome": "explicit"
}
}

この拡張機能は、サポートされているファイルタイプの保存時にインポートを並べ替えることができます。 有効にするには、VS Codeのeditor.codeActionsOnSave設定を以下のように更新します。

settings.json
{
"editor.codeActionsOnSave": {
"source.organizeImports.biome": "explicit"
}
}

拡張機能では以下の設定が可能です。

デフォルト: true | スコープ: global, workspace, workspace folder

この設定は、拡張機能がワークスペースフォルダに対してLSPセッションを作成するかどうかを制御します。 グローバルに設定すると、ワークスペースフォルダ自体が設定を上書きしない限り、すべてのワークスペースフォルダに適用されます。

デフォルト: null | スコープ: global, workspace, workspace folder

この設定では、カスタム設定ファイルへのパスを指定できます。指定しない場合は、デフォルトの設定ファイルが使用されます。

デフォルト: false | スコープ: global, workspace, workspace folder

この設定は、Biomeがフォーマッタおよび診断プロバイダーとして登録されるかどうかを制御します。

trueに設定すると、ワークスペースフォルダーにbiome.jsonファイルが存在する場合にのみ、拡張機能はフォーマッタおよび診断プロバイダーとして登録されます。

デフォルト: undefined | スコープ: global, workspace, workspace folder

この設定でBiomeのバイナリへのパスを上書きできます。これは、Biomeの別のバージョンを使用したい場合や、PATHに存在しないバイナリを使用したい場合に便利です。 バイナリへのパス、またはプラットフォームをパスにマッピングするオブジェクトのいずれかを指定できます。

{
"biome.lsp.bin": "/path/to/biome"
}

デフォルト: true (windows), false (その他) | スコープ: global, workspace, workspace folder

Biomeバイナリをコピーして一時的な場所から実行するかどうか。

Windowsでは、この設定を無効にすると、アクティブなLSPセッションの実行中にノードモジュール内のBiomeを更新できなくなります。 これは、実行中にOSがバイナリをロックするためです。Biomeを更新する前に、VS Codeを閉じる必要があります。

デフォルト: true | スコープ: global, workspace, workspace folder

Biomeのグローバルインストールが必要であるが、PATHに見つからない場合、拡張機能はインストールを提案します。

この設定は、提案ポップアップを表示するかどうかを制御します。

デフォルト: off | スコープ: global

この設定では、Biome LSPトレースのログレベルを設定できます。利用可能な値はoffmessagesverboseです。 拡張機能で問題が発生し、ログを共有したい場合はverboseにすることをおすすめします。

拡張機能で予期せぬ問題が発生する場合があります。ここでは、最も一般的な問題のトラブルシューティングと拡張機能の状態のリセットに役立つヒントをいくつかご紹介します。

拡張機能で問題が発生した場合は、LSPトレースの共有をお願いすることがあります。 biome.lsp.trace.server設定にverboseを設定し、問題の原因となったアクションを再実行することで、LSPトレースの共有をお願いできます。 トレースは出力パネルの選択オプションBiome LSP trace (xxx)で確認できます。

拡張機能2.xから移行する場合は、次の手順を正確にこの順序で実行することをお勧めします。

  1. 拡張機能を更新します
  2. エディターを終了して閉じます
  3. タスクマネージャーを開き、biomeという名前のプロセスをすべて終了していることを確認します
  4. エディターを開きます

エディタにまだ接続されていて、拡張機能によって正常にシャットダウンできない古いデーモン接続を破棄します。 これは、ファイルを保存した際に不正なフォーマットが発生する原因となっていたためです。

  • biome.lspBinは廃止され、biome.lsp.binが推奨されます。現時点では引き続き機能しますが、設定を更新して新しい名前を使用することをお勧めします。
  • biome.requireConfigFilebiome.requireConfigurationにリネームされました。旧設定はサポートされなくなったため、今すぐ新しい設定へ移行してください。