「迅排设计」部分代码重构即将更新,代号“三月七” | 独立开发者周报#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 来规范,并直接推荐作为首选部署方式。

相关推荐
FIRE17 分钟前
uniapp小程序分享使用canvas自定义绘制 vue3
前端·小程序·uni-app
四喜花露水18 分钟前
vue elementui el-dropdown-item设置@click无效的解决方案
前端·vue.js·elementui
jokerest12339 分钟前
web——sqliabs靶场——第五关——报错注入和布尔盲注
前端
谢尔登1 小时前
前端开发调试之 PC 端调试
开发语言·前端
每天吃饭的羊1 小时前
在循环中只set一次
开发语言·前端·javascript
_默_4 小时前
adminPage-vue3依赖DetailsModule版本说明:V1.2.1——1) - 新增span与labelSpan属性
前端·javascript·vue.js·npm·开源
伏虎山真人5 小时前
开源数据库 - mysql - mysql-server-8.4(gtid主主同步+ keepalived热切换)部署方案
数据库·mysql·开源
也无晴也无风雨6 小时前
深入剖析输入URL按下回车,浏览器做了什么
前端·后端·计算机网络
Martin -Tang6 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
FakeOccupational8 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js