liquid-lsp プラグイン
プラグイン Claude Code 開発 コード検索・コード理解(LSP)Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
liquid-lsp は、Shopify の theme language server を組み込み、Liquid テンプレートの言語サポートを提供する Claude Code 用プラグインです。README によると、Shopify CLI に含まれる language server と連携し、Liquid のリアルタイムなコードインテリジェンスを提供します。利用には Shopify CLI のインストールと、$PATH への登録が前提となります。インストールは npm または Homebrew で行い、動作確認用のコマンドも用意されています。詳細情報は Shopify の公式ドキュメントと theme-tools の GitHub リポジトリへのリンクが README に記載されています。
概要
liquid-lsp 自体は単独の SaaS ではなく、Claude Code と Shopify theme language server(Shopify CLI の一部)を連携させ、エディタ内で Liquid テンプレートのコードインテリジェンスを利用可能にするプラグインです。
liquid-lsp でできること
- npm install -g @shopify/cli または Homebrew(brew tap shopify/shopify → brew install shopify-cli)で Shopify CLI をインストールする
- shopify theme language-server --help を実行してインストールを確認する
- Claude Code 上で Shopify theme language server を利用し、Liquid テンプレートのリアルタイムなコードインテリジェンスを得る
- Shopify 公式ドキュメント(theme language server)で詳細を確認する
- theme-tools リポジトリ(theme-language-server-common パッケージ)でソースコードを参照する
出典
原文の説明(英語)
LSP integration for Shopify Liquid templates via the Shopify CLI theme language server.
liquid-lsp の変更履歴
- プラグイン liquid-lsp を追加