🚀 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 文件。