「迅排设计」部分代码重构即将更新,代号“三月七” | 独立开发者周报#2024.03.07

本文首发于公众号:品味前端,作者:茶无味de一天

简介

迅排设计是一款漂亮易用且功能强大的开源图片编辑器、在线海报设计器。对标稿定设计、创客贴、Canva 等商业产品,适用于多种场景:海报图片生成、电商分享图、文章长图、视频/公众号封面等,无需下载软件即可轻松实现创意、迅速完成排版。

在线 Demo | 文档网站 | Github 开源地址: palxiao/poster-design

前言

在公司上班的时候我是很不情愿写周报日报这些东西的,而现在为了能够保持工作状态,我觉得很有必要花点时间来捯饬一下。

因此我决定将每周做了什么、完成哪些内容、包括月度总结与任务计划 等等,事无巨细地进行公示,这样所有人都可以深入了解我的项目进展,甚至发表对我工作内容的看法,某种意义上这也算是一种"开源"。

周记摘要

这是我更新计划的第一周,先简单写写。本周的主基调是代码重构,以及修修改改。

基本确定了 plus 版定价方式,以及下周推出针对帮助开发者的知识星球。

月度目标(3月)

  • 4月1日前完成第一版迅排 Plus 开发(里程碑)
  • 完成迅排 Plus 官网开发:plus.palxp.cn
  • 完善和修复一些较明显的问题,尽早推出 Release 版本,不要开发新功能,不要开发新功能,不要开发新功能

本周工作

升级了 Vue3 版本,此前项目中存在的一些无效 template 报错提示将不再会出现。

项目中的 vite2 也升级到了最新的 vite5,减少了很多 package.json 下的旧包包,舒服了。

另外一些 vue3 组件的语法重构还在进行中,大部分 ts 文件也都补上一些类型提示,感谢前端 @JeremyYu 同学一直帮忙 PR,百忙之中还抽空来完善代码!

以后应该不会随便升级依赖了,工作量实际比想象中要大,争取这两天同步所有代码到主分支,并更新第一个明确的新版本:version 1.0.1(万年不变的 1.0.0 也该迈出ta的第一步了),版本代号取名为"三月七",意为「你此刻经历的一切必将被人以金石刻下」。

从 2021 年敲下第一行代码到现在,不知不觉过去这么久了。很多人都惊叹于我能够独自支撑起完成度如此高的作品,而如果不是因为自己的坚持与分享、他人的鼓励和关注,这个项目可能仅仅只是我的一段过去而被雪藏。现在的ta则犹如从冰封中逐渐苏醒一般,希望往后能真正焕发新生吧。

ps. 怎么还抒发起来了?这不是周报吗?😅让我们继续.....

对项目文档和 Readme 文件进行了少量修改,增加个人微信二维码展示以方便拉人进交流群。

经过几天的头脑风暴基本确定了 plus 版的商业模式和盈利方向,但道阻且长,希望能够行则将至吧。

后台前端采用的仍是 Vue 生态时下最新技术栈来开发,一段时间的调研后选择了开源后台管理框架进行二开,UI 框架则依旧是 Element。完整地扫过一遍项目源码,移除了不需要的内容,调整了大部分目录结构。我习惯彻底掌控项目,这样敲的每一行代码都心中有数。接下来才是进入正式开发阶段,只梳理了菜单路由,具体界面都是空的,放上一张项目前瞻截图:

下周计划

今天是肯德基疯狂星期四,vivo50

下周开始周报定在周一发。

疯狂修 bug。

有前端同学加了我反馈说之前从没部署过 Node.js 服务,想通过我这个项目学习,问我能不能教他如何部署这套项目,愿意知识付费。

我觉得一来是单独教学效率比较慢,二来之前也有做个知识星球的想法,好沉淀一些Q&A,所以周末需要加急提上日程,让零基础的朋友也能快速学会如何部署上服务器。顺便也当是买杯咖啡支持下作者了,开源以来我一直没有主动求过赞助捐款,而加入知识星球是需要付费的。

其它

本周思考

之前将项目中一些工具类组件抽出,放在另一个仓库中维护,实际可能会让人在阅读代码时感到疑惑,无法快速找到相应的组件源码。

打算把相关的 vue 组件搬回来,在项目根目录下创建 packages 目录,以 pnpm 来进行管理,本地直接引用。

反正现在这块组件都是基于 vue3 编写,在其它项目的适配度也有限,或许不必多花时间去专门做成一个个通用组件,必要时再将代码 CV 出来到公共库中发布即可。

大部分人都反馈过服务部署生产环境时遇到问题,虽然涉及较多都是 linux 相关知识,与前端无关,但是完全按我之前写的文档来操作确实有些麻烦,现在是时候考虑普适性,应该改用 DockerFile 来规范,并直接推荐作为首选部署方式。

相关推荐
爱吃的强哥几秒前
vue3 使用 vite 管理多个项目,实现各子项目独立运行,独立打包
前端·javascript·vue.js
谈不譚网安10 分钟前
CSRF请求伪造
前端·网络安全·csrf
TT模板15 分钟前
苹果cmsV10主题 MXonePro二开优化修复开源版
前端·html5
拖孩16 分钟前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass
去伪存真22 分钟前
不用动脑,手把手跟着我做,就能掌握Gitlab+Jenkins提交代码自动构部署
前端·jenkins
天天扭码1 小时前
深入解析 JavaScript 中的每一类函数:从语法到对比,全面掌握适用场景
前端·javascript·面试
小希爸爸1 小时前
4、中医基础入门和养生
前端·后端
自由鬼1 小时前
开源AI开发工具:OpenAI Codex CLI
人工智能·ai·开源·软件构建·开源软件·个人开发
kooboo china.1 小时前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(一)
前端·css·编辑器
uhakadotcom1 小时前
Fluid:云原生数据加速与管理的简单入门与实战
前端