Geeker Admin

🚀 Geeker 項目

Geeker 項目是一個具備高性能和良好開發規範的項目。它採用代碼分割、樣式隔離和狀態管理等特性，能有效提升性能和開發效率。同時，項目提供了詳細的安裝、配置和使用說明，方便開發者快速上手。

🚀 快速開始

克隆倉庫

使用 Git 下載項目：

git clone https://github.com/yourusername/geeker.git
cd geeker

安裝依賴

運行以下命令安裝所有依賴包：

npm install

啟動項目

根據不同的環境配置啟動：

開發環境

npm run dev

項目將在 http://localhost:3000 啟動。

測試環境

npm run test

生產環境

npm run build

✨ 主要特性

• 代碼分割：按需加載組件，提升性能。
• 樣式隔離：使用 CSS Modules 實現組件樣式隔離。
• 狀態管理：基於 Pinia 的全局狀態管理方案。

📦 安裝指南

克隆倉庫

使用 Git 下載項目：

git clone https://github.com/yourusername/geeker.git
cd geeker

安裝依賴

運行以下命令安裝所有依賴包：

npm install

啟動項目

根據不同的環境配置啟動：

開發環境

npm run dev

項目將在 http://localhost:3000 啟動。

測試環境

npm run test

生產環境

npm run build

📚 詳細文檔

項目結構

geeker/
├── src/                 # 源代碼目錄
│   ├── assets/          # 靜態資源文件夾
│   ├── components/      # Vue 組件庫
│   ├── views/           # 視圖組件
│   └── App.vue         # 項目主組件
├── public/              # 公共文件目錄（如靜態資源）
├── package.json        # 依賴管理文件
└── vite.config.ts      # Vite 配置文件

配置指南

環境變量配置

創建對應的環境文件：

cp .env.example .env

Vite 配置

編輯 vite.config.ts 文件，添加自定義配置。

使用說明

核心特性

• 代碼分割：按需加載組件，提升性能。
• 樣式隔離：使用 CSS Modules 實現組件樣式隔離。
• 狀態管理：基於 Pinia 的全局狀態管理方案。

開發規範

• 代碼風格統一，遵循 ESLint 和 Prettier 配置。
• 組件開發採用 Vue Best Practices。

文檔結構

.
├── CHANGELOG.md      # 更新日誌
├── README.md         # 項目說明
├── LICENSE          # 開源協議
└── package.json     # 依賴管理

瀏覽器支持

• 開發推薦：Chrome 最新版。
• 生產支持：現代瀏覽器，不再支持 IE。

接口說明

項目接口採用 Mock 數據模擬，使用以下平臺：

• FastMock：https://www.fastmock.site
• EasyMock：https://mock.mengxuegu.com

交流方式

微信群

掃描下方二維碼加入交流群：

捐贈支持

感謝您的支持！通過以下方式幫助項目發展：

微信支付

支持我們

掃描下方二維碼進行捐贈：

📄 許可證

項目遵循開源協議，具體內容請查看 LICENSE 文件。