EZ-Theme
🚀 V2Board ユーザー向けフロントエンドプロジェクト
美しくモダンな V2Board 管理バックエンドフロントエンドプロジェクト で、Vue 3 をベースに開発されています。
✨ 特徴
- 🎨 洗練された UI デザイン、シンプルかつ高級感のある外観
- 🌓 ライト/ダークテーマの切り替え対応
- 🌍 ビルトインの多言語対応(中文/英文)
- 📱 レスポンシブデザイン、あらゆるデバイスに完璧対応
- 🔒 充実したログイン認証システム
- 🚀 モジュール化されたコード構造、メンテナンスと拡張が容易
🧩 技術スタック
| 技術 | 説明 |
|---|---|
| Vue 3 | プログレッシブ JavaScript フレームワーク |
| Vue Router | 公式ルーターマネージャー |
| Vuex | 状態管理パターン |
| Axios | Promise ベースの HTTP クライアント |
| Sass | CSS プリプロセッサ |
| Vue I18n | 国際化ソリューション |
📂 プロジェクト構造
src/
├── api/ # API インターフェース
├── assets/ # 静的リソース
│ └── styles/ # スタイルファイル
│ ├── base/ # 基本スタイル
│ ├── components/ # コンポーネントスタイル
│ └── layouts/ # レイアウトスタイル
├── components/ # 共通コンポーネント
├── composables/ # Composition API
├── i18n/ # 国際化
│ └── locales/ # 言語パック
├── router/ # ルート設定
├── store/ # Vuex ストア
├── utils/ # ユーティリティ関数
└── views/ # ページビュー
⚙️ カスタム設定
src/config/index.js ファイルでテーマカラー、API ベース URL、その他の設定を変更できます。
🛠️ 使い始め
1️⃣ 依存関係のインストール
npm install
2️⃣ 開発環境での実行
npm run serve
3️⃣ 本番環境向けビルド
npm run build
🌎 ブラウザサポート
✅ Chrome
✅ Firefox
✅ Safari
✅ Edge
✅ その他のモダンブラウザ