{"id":15408016,"url":"https://github.com/arvinxx/template-stack","last_synced_at":"2025-04-18T14:54:34.370Z","repository":{"id":90271956,"uuid":"316743801","full_name":"arvinxx/template-stack","owner":"arvinxx","description":"空谷的技术栈与脚手架模板","archived":false,"fork":false,"pushed_at":"2023-01-08T13:07:25.000Z","size":20,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-29T06:22:18.160Z","etag":null,"topics":["airtable-app","ant-design","ant-design-pro","electron","figma-plugin","p5js","processing","puppeteer","react","sketch-plugin","taro","template","typescript","umi","umi-plugin"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arvinxx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-11-28T13:48:32.000Z","updated_at":"2024-09-22T22:49:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"3c233d1a-4a6d-4554-91fb-841d4f76795b","html_url":"https://github.com/arvinxx/template-stack","commit_stats":{"total_commits":33,"total_committers":1,"mean_commits":33.0,"dds":0.0,"last_synced_commit":"b571b1ef85b42a10bcbd6ae0bcc40b27eceb37a0"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arvinxx%2Ftemplate-stack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arvinxx%2Ftemplate-stack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arvinxx%2Ftemplate-stack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arvinxx%2Ftemplate-stack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arvinxx","download_url":"https://codeload.github.com/arvinxx/template-stack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249507407,"owners_count":21283204,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["airtable-app","ant-design","ant-design-pro","electron","figma-plugin","p5js","processing","puppeteer","react","sketch-plugin","taro","template","typescript","umi","umi-plugin"],"created_at":"2024-10-01T16:30:44.263Z","updated_at":"2025-04-18T14:54:34.325Z","avatar_url":"https://github.com/arvinxx.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 空谷的技术栈与脚手架模板\n\n我所掌握的技术栈和自用脚手架模板。\n\n相关知识库 ➡️ [空谷的大前端](https://www.yuque.com/arvinxx-fe)\n\n**TOC**\n\n- [前端](https://github.com/arvinxx/template-stack#前端)\n- [后端](https://github.com/arvinxx/template-stack#后端)\n- [模块开发](https://github.com/arvinxx/template-stack#模块开发)\n- [其他](https://github.com/arvinxx/template-stack#其他)\n\n## 前端\n\n| 端技术       | 技术栈                                                                           | 脚手架地址                                                                                           |\n| ------------ |-------------------------------------------------------------------------------| ---------------------------------------------------------------------------------------------------- |\n| Web App      | React + Umi + antd + antd-style + zustand                                     | ➡️ [传送门](https://github.com/arvinxx/template-stack#web-app)                                       |\n| 浏览器插件   | [umi-plugin-extensions][umi-plugin-extensions] + WebApp                       | ➡️ [传送门](https://github.com/arvinxx/template-stack#%E6%B5%8F%E8%A7%88%E5%99%A8%E6%8F%92%E4%BB%B6) |\n| 桌面端       | Electron + Web App                                                            | ➡️ [传送门](https://github.com/arvinxx/template-stack#%E6%A1%8C%E9%9D%A2%E7%AB%AF)                   |\n| 小程序       | React + Taro + zustand                                                        | ➡️ [传送门](https://github.com/arvinxx/template-stack#%E5%B0%8F%E7%A8%8B%E5%BA%8F)                   |\n| 移动端       | TODO                                                                          | TODO                                                                                                 |\n| Sketch 插件  | skpm + WebApp                                                                 | ➡️ [传送门](https://github.com/arvinxx/template-stack#sketch-%E6%8F%92%E4%BB%B6)                     |\n| Figma 插件   | [umi-plugin-figma](https://github.com/arvinxx/umi-plugin-figma) + WebApp      | TODO                                                                                                 |\n| AirTable App | [block-sdk](https://github.com/Airtable/blocks)（AirTable 出品） + antd + zustand | ➡️ [传送门](https://github.com/arvinxx/template-stack#airtable-app)                                  |\n\n### Web App\n\n使用 Ant Design Pro 的脚手架, 可以使用 `create-umi` 直接创建\n\n```shell\n$ yarn create umi\n\n? Select the boilerplate type (Use arrow keys)\n❯ ant-design-pro  - Create project with a layout-only ant-design-pro boilerplate, use together with umi block.\n  app             - Create project with a simple boilerplate, support typescript.\n  plugin          - Create a umi plugin.\n\n? Do you want to use typescript? (y/N) y\n\n? What functionality do you want to enable? (Press \u003cspace\u003e to select, \u003ca\u003e to toggle all, \u003ci\u003e to invert selection)\n ● antd\n ◯ dva\n ● code splitting\n ● dll\n\ncreate abc/package.json\ncreate abc/.gitignore\ncreate abc/.editorconfig\n...\n...\n\n📋  Copied to clipboard, just use Ctrl+V\n✨  File Generate Done\n```\n\n相关链接:\n\n- [Create Umi](https://github.com/umijs/create-umi)\n- [Ant Design Pro](https://github.com/ant-design/ant-design-pro)\n\n➡️ 传送门: [Umi Web Template](https://github.com/arvinxx/umi-web-template)\n\n使用案例：[My RChain Wallet](https://github.com/arvinxx/my-rchain-wallet)、[多译](https://duoyiapp.com/)\n\n### 小程序\n\n#### Taro\n\n➡️ 传送门: [基于 Taro 的小程序模板](https://github.com/arvinxx/miniapp-taro-template)\n\n使用案例：课否\n\n### 桌面端\n\n桌面端开发主要使用 [Electron](https://www.electronjs.org/) ，一个稳定安全的航天级 GUI 基础框架。\n\n[个人笔记: Electron](https://www.yuque.com/arvinxx-fe/electron)\n\n➡️ 传送门: [基于 Umi 的 Electron 开发模板](https://github.com/arvinxx/electron-umi-template)\n\n使用案例：[多译][duoyi]\n\n### 浏览器插件\n\n[Chrome 插件开发基础教程](https://arvinxx.github.io/umi-plugin-extensions/#/tutorial) | [个人笔记: Extensions 浏览器插件](https://www.yuque.com/arvinxx-fe/extensions)\n\n➡️ 传送门: [基于 Umi 的 Chrome 插件开发模板](https://github.com/arvinxx/umi-chrome-extension-template)\n\n使用案例：[Power Yuque][power-yuque]\n\n### Sketch 插件\n\n➡️ 传送门: [Sketch Plugin Template](https://github.com/arvinxx/sketch-plugin-template)\n\n使用案例：[Pan](https://github.com/arvinxx/pan)、[Microwave](https://www.yuque.com/design-engineering/microwave)、[Sketch JSON](https://github.com/arvinxx/sketch-json)\n\n### Figma 插件\n\nTODO\n\n### Airtable App\n\n➡️ 传送门: [AirTable App Template](https://github.com/arvinxx/airtable-app-template)\n\n使用案例：[airtable-app-mind-flow](https://github.com/arvinxx/airtable-app-mind-flow)、[airtable-app-user-journal-map](https://github.com/arvinxx/airtable-app-user-journal-map)\n\n## 后端\n\n| 端技术     | 技术栈              | 脚手架地址                                                   |\n| ---------- | ------------------- | ------------------------------------------------------------ |\n| Serverless | Vercel + Typescript | ➡️ [传送门](https://github.com/arvinxx/template-stack#serverless) |\n| NodeJS     | EggJS + Typescript  | ➡️ [传送门](https://github.com/arvinxx/template-stack#eggjs) |\n| Python     | Flask               | ➡️ [传送门](https://github.com/arvinxx/template-stack#flask) |\n\n### Serverless\n\n➡️ 传送门: [Vercel Serverless Api Template](https://github.com/arvinxx/vercel-serverless-api-template)\n\n使用案例：[空谷的 api](https://github.com/arvinxx/api)\n\n### EggJS\n\nTODO\n\n### Flask\n\nTODO\n\n## 模块开发\n\n|                              | 技术栈                                                             | 脚手架地址                                                                                             |\n| ---------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------ |\n| 单模块模板                   | Typescript + Dumi + Father + Jest + Typedoc                        | ➡️ [传送门](https://github.com/arvinxx/template-stack#单模块开发)                                      |\n| 多模块模板                   | 单模块 + lerna                                                     | ➡️ [传送门](https://github.com/arvinxx/template-stack#多模块模板)                                      |\n| Umi Plugin 开发模板          | 单模块                                                             | ➡️ [传送门](https://github.com/arvinxx/template-stack#umi-plugin-%E5%BC%80%E5%8F%91%E6%A8%A1%E6%9D%BF) |\n| Gitmoji Commit Workflow 模板 | commitlint + contenonal-changelog + semantic-release + GCW-Presets | ➡️ [传送门](https://github.com/arvinxx/template-stack#Gitmoji-Commit-Workflow-模板)                    |\n\n### 单模块开发\n\n➡️ 传送门: [模块开发模板](https://github.com/arvinxx/module-develop-template)\n\n使用案例：[html2sketch](https://github.com/ant-design/html2sketch)\n\n### 多模块模板\n\n➡️ 传送门: [Monorepo 开发模板](https://github.com/arvinxx/monorepo-template)\n\n使用案例：[uxdm](https://github.com/uxdm/uxdm)、[gitmoji-commit-workflow][gitmoji-commit-workflow]\n\n### Umi Plugin 开发模板\n\n➡️ 传送门: [Umi Plugin Develop Template](https://github.com/arvinxx/umi-plugin-develop-template)\n\n使用案例：[umi-plugin-extensions][umi-plugin-extensions]、[umi-plugin-figma](https://github.com/arvinxx/umi-plugin-figma)\n\n### Gitmoji Commit Workflow 模板\n\n符合 [Gitmoji Commit Workflow](https://www.yuque.com/arvinxx-fe/workflow/gitmoji-commit-workflow) 规范的开发模板\n\n➡️ 传送门: [Gitmoji Commit Workflow Template](https://github.com/arvinxx/gitmoji-commit-workflow-template/)\n\n使用案例： 本人的大部分模板均已经集成了 Gitmoji Commit Workflow 例如: [gitmoji-commit-workflow][gitmoji-commit-workflow]、[power-yuque][power-yuque]、[umi-plugin-extensions][umi-plugin-extensions] 等\n\n## 其他\n\n### puppeteer 自动化脚本\n\n➡️ 传送门: [Puppeteer Typescript Template](https://github.com/arvinxx/puppeteer-typescript-template)\n\n### processing/P5.js\n\n➡️ 传送门: [processing/P5.js Typescript Template](https://github.com/arvinxx/p5-typescript-template)\n\n## License\n\n[MIT](./LICENSE) ® Arvin Xu\n\n[duoyi]: https://duoyiapp.com/\n[power-yuque]: https://github.com/arvinxx/power-yuque\n[gitmoji-commit-workflow]: https://github.com/arvinxx/gitmoji-commit-workflow\n[umi-plugin-extensions]: https://github.com/arvinxx/umi-plugin-extensions\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farvinxx%2Ftemplate-stack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farvinxx%2Ftemplate-stack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farvinxx%2Ftemplate-stack/lists"}