我如何使用自动化工具构建 300 多个开源项目

你好，程序员们，

一年前，我写了一篇关于我用于简单项目的工作流程的短文：如何使用自动化工具构建 100 多个开源应用程序。这篇文章在 Dev 上引起了一些关注（超过 2 万次阅读），并且还被翻译并发布在俄罗斯流行的平台HABR
上。在这篇文章中，也就是整个故事的第二部分，我想再简单介绍一下我在这个令人惊叹的（自动化）领域的研发工作，正是这些工作帮助我开发了build in the last 12 months 200+ open-source starters100 多个商业产品，并被全球众多开发者使用。

谢谢！内容由App Generator提供。

包含 DEMO 的候选名单，如动画演示中所示：

Django Datta Able - 一个简单的 Flask 仪表板
Eleventy Ethereal - 免费11ty入门
Flask Pixel Lite - 具有可访问性优先 UI 的多功能应用程序
Django Dashboard Argon - 一个最小的 Django 仪表板
Flask Webpixels - 带有精美插图的免费应用程序
Django Corona Admin - 黑暗之魂，无 COVID-19 的仪表盘

基本思想

在使用 CodeIgniter、Laravel、Flaks、Django、Express 等不同框架编写了大约 50 个简单项目后，我发现了所有技术中一些常见的模式，并意识到我可以使用工具代替手动工作来加快我的工作速度以及跨项目的重复性任务。目前对我来说，一些耗时的任务：

做好开发准备

通常，客户选择的设计以平面 HTML 形式交付，其中包含一些预先构建的页面，远不可用于任何框架。

项目配置和结构

数据库访问、代码库结构。

通用模块

身份验证和基本助手可以操纵时间、处理文件，也许还有简单的 REST（不太常见）。

部署配置

大多数客户不知道这一部分，但 25% 的客户要求提供特定的平台。

为了优化工作流程并减少每个阶段所花费的时间，我决定将我的工作分为两部分：

1# - HTML 文件处理

为了准备生产设计并将平面 HTML 转换为可用的组件，我使用 Python 编写了一个 HTML 解析器，它看起来像一个能够执行以下任务的控制台：

加载整个目录（HTML 主题）
比较页面（DOM 树）并检测页脚、侧边栏、顶部菜单和常见内容区域等常见部分
提取母版页（通用布局）以供日后使用
提取要在 Php、Jinja、Blade 或 Nunjunks 中使用的组件。
资产管理 - 图像、JS 和 CSS 的路径涵盖normalized所有从标准路径加载的文件/static/assets/{js, CSS, images}。

一旦此阶段完成，通常每个设计最多需要 2 小时或更短时间，我就可以继续并将development ready文件注入已经预先构建的简单启动器中，其中包含数据库、ORM、基本帮助程序和知名技术的部署脚本：Docker、Gunicorn、HEROKU。

2# - 代码库注入

使用 Flask、Django、Nodejs/Express 和 11ty 编写的 Starter 相当简单，方便我轻松添加新功能。并非所有客户的项目都需要 Stripe，有时对于预算低、月流量低的项目，SQLite 可能就足够了。
当然，所需的模块/功能取决于项目，但我更倾向于保持极致简洁，只在必要时添加新技术和潮流元素。无论技术如何，我在所有 Starter 中都添加了以下内容：