# インストール

# 環境要件

  • Vue 2.7(最終バージョン。2.6 以下は非対応、IE11 は非対応)
  • Node 20 + pnpm 10 を推奨

# パッケージマネージャーによるインストール

npm install @lh-ui/vue2
# または
pnpm add @lh-ui/vue2
# または
yarn add @lh-ui/vue2

@lh-ui/vue2 の唯一のランタイム依存は @lh-ui/share(共有層:core 純粋関数 / theme / constants / locales / types / コンポーネントのスタイルソース)で、自動的に一緒にインストールされます。

# プライベートサーバーからのインストール

パッケージがパブリック registry ではなくプライベートサーバーでホストされている場合、以下のいずれかの方法でインストールします。

# 方法一:tarball 直リンク

サーバーが静的ファイルのホスティングを提供しているだけで構いません。npm pack で生成した lh-ui-vue2-x.y.z.tgz をサーバーのディレクトリに配置し、次のように実行します。

npm install https://あなたのドメイン/pkg/lh-ui-vue2-1.0.0.tgz
# または
pnpm add https://あなたのドメイン/pkg/lh-ui-vue2-1.0.0.tgz
# または
yarn add https://あなたのドメイン/pkg/lh-ui-vue2-1.0.0.tgz

tarball 直リンク方式の場合、@lh-ui/share は引き続き現在の registry から解決されるため、当該パッケージがパブリック registry またはあなたのプライベート registry で閲覧可能であることを確認してください。

# 方法二:セルフホスト registry(Verdaccio など)

セルフホスト registry は semver による取得とバージョン管理をサポートします。プロジェクトルートの .npmrc で scope ごとにルーティングを設定します(他のパッケージのインストール元には影響しません)。

@lh-ui:registry=https://あなたのドメイン/

その後、通常通りインストールします。

pnpm add @lh-ui/vue2

# スタイルの手動読み込み

// テーマ変数(ライト + ダーク)
import '@lh-ui/vue2/theme.css'
// コンポーネントごとのスタイルを個別に読み込み(任意——全量エントリにも含まれています)
import '@lh-ui/vue2/style/button'

# バージョン方針

  • @lh-ui/share のアップグレードは「share が先にリリース → UI ライブラリがアップグレードして回帰 → その後にリリース」という規律に従う必要があります。
  • 現状:@lh-ui/vue2 は 1.0.0 をリリース済み、@lh-ui/share は 0.1.0 です。

Copyright © 2024-2026 FengMo WenXue