Skip to main content

项目开发流程指南

1. 🧱 克隆项目模板​

🎁 如需解锁全套前端开发框架与源码，请联系作者！​

感兴趣的前端爱好者 可以加微信交流群：

lighthouse

涵盖内容包括：

  • ✅ React 全家桶
  • ✅ Webpack 配置体系
  • ✅ Tailwind CSS 响应式样式系统
  • ✅ Zustand 状态管理方案
  • ✅ 组件库源码（纯个人使用版）
  • ✅ Webpack 脚手架工具：qgtools

🎯 我是一名前端爱好者，5 年来一直致力于打造属于自己的前端框架实现快速开发，当前组件库为个人构建，希望能帮助你少走弯路，也能够激发你打造属于自己的前端体系。

📦 qgtools 脚手架工具，专为现代前端而生，未来希望它能成为大家高效开发的解决方案。

💡 文档以利他思维为核心整理与分享，期望在你开发路上提供实用参考与灵感启发。一份心意，一次支持，也是我们共同进步的起点 🙌。

📚 当前脚手架 + 组件库，为纯个人使用，会不定时更新，如需迭代和扩展更多内容，请 或者 使用如下技术支持。

2. 📦 安装依赖​

npm i

3. 🛠️ 开发页面​

  • 在 pages/ 中添加新页面
  • 根据需要使用：
  • assets/：svg 等静态资源引入
  • components/：复用组件
  • locales/：国际化
  • store/：管理状态
  • service/：接口调用
  • hooks/：自定义钩子
  • lib/：工具函数
  • styles/：样式配置
  • dictionary/：数据字典或枚举类数据

4. 🗺️ 配置路由​

  • 修改 src/router/base/routerConfig.jsx src/router/base/router.jsx 路由配置文件
  • 确保页面能正常导航

5. 🧪 本地调试​

qgtools start

6. 🚚 构建并发布​

npm run upload-web