怎么使用node+trae来实现前端自动打包部署

前言

最近在开发过程中遇到了一些小麻烦。由于后端团队最近比较忙碌,没有时间帮忙上传文件,他们直接把服务器的密钥文件发给了我们前端团队。

这让我们不得不自己动手完成一系列的操作:

首先,我们需要手动打包前端代码,然后打开服务器连接工具,连接到服务器,接着导航到指定的目录,再把打包好的文件拖拽进去,之后还要手动解压文件。最后,为了确保一切正常,我们还得打开浏览器进行验证。这一整套流程下来,不仅耗时,而且容易出错,确实让人感到有些繁琐。

在这种情况下,我开始思考有没有更高效的方法来简化这个流程。

毕竟,重复的手动操作不仅浪费时间,还增加了出错的可能性。如果能够将这一系列步骤自动化,那将大大提高我们的工作效率。因此,我考虑是否可以通过编写脚本来实现这一流程的自动化。这样,我们只需要运行一个脚本,就可以自动完成打包、上传、解压的整个过程,从而节省大量时间和精力。

而我们要做的事就是脚本打包完成后通知我们打开浏览器验证,然后就可以开心的给测试说,前端已经部署上去了,可以验证了

我把我的想法告诉了Trae,看看能不能帮我把这打包部署的脚本给生成出来,让我们一劳永逸,开心的摸鱼~

在里面加上人性化的进度条,看看能不能也一起实现出来,我们拭目以待Trae吧

看着Trae干活的感觉是真的很舒服

非常贴心的帮我们写了使用说明文档

首次使用前,需要安装部署脚本所需的依赖,pnpm deploy:setup,安装连接服务器的依赖

然后我们执行命令,报错了

接着让Trae看看是哪里报错了

然后进行一顿修复,终于可以跑起来了

打包的dist目录,看看有没有压缩,很好也进行了压缩

然后再进行连接服务器,查看我们的文件夹是不是有打包然后进行解压,删除对应的dist.zip

此时我们打开页面,看到系统提示,说明我们的打包部署脚本实现了

我们来看看Trae的代码,对应的方法都加上了注释,非常的贴心

总结:

虽然这个过程出现不少错误,但是好在一步步解决了,这下子可以一劳永逸,当然像专业的jenkins的CI/CD,肯定是最好,如果没有那就让node做一个低配版,减少操作成本。

记住,一切复杂、繁琐的流程,都可以让ai帮我们提效,快去试试Trae吧,让ai帮我们减少失误

相关推荐
小Lu的开源日常9 小时前
踩坑日记:为什么 .gitignore 不起作用了
git·代码规范·trae
飞哥数智坊2 天前
“成章”写作助手开源:中秋赏不成月,那就开源一个 AI 实战项目吧
人工智能·ai编程·trae
用户4099322502122 天前
PostgreSQL处理SQL居然像做蛋糕?解析到执行的4步里藏着多少查询优化的小心机?
后端·ai编程·trae
用户4099322502123 天前
PostgreSQL备份不是复制文件?物理vs逻辑咋选?误删还能精准恢复到1分钟前?
后端·ai编程·trae
用户4099322502124 天前
转账不翻车、并发不干扰,PostgreSQL的ACID特性到底有啥魔法?
后端·ai编程·trae
用户4099322502125 天前
银行转账不白扣钱、电商下单不超卖,PostgreSQL事务的诀窍是啥?
后端·ai编程·trae
youcans_6 天前
【Trae】Trae 插件实战手册(1)PyCharm 安装 Trae
人工智能·python·pycharm·ai编程·trae
用户4099322502126 天前
PostgreSQL里的PL/pgSQL到底是啥?能让SQL从“说目标”变“讲步骤”?
后端·ai编程·trae
用户4099322502128 天前
PostgreSQL视图不存数据?那它怎么简化查询还能递归生成序列和控制权限?
后端·ai编程·trae
豆包MarsCode8 天前
不做“赛博棉花工”!TRAE 帮我实现数据处理自由
trae