腾讯云代码助手CodeBuddy:零基础4小时做一款音视频处理软件

准备工作

  1. 安装VS Code:https://code.visualstudio.com/
  2. 在VS Code的扩展中搜索“腾讯云代码助手CodeBuddy”并安装插件
  3. 准备工程目录,新建一个文件夹,然后用VS Code打开
  4. 对工程目录做一些规划,这里我新建了两个目录分别是:
  • docs:用来放各个不同版本的需求文档,先在这里编写,然后再给CodeBuddy去执行
  • example:用来存放一些用于测试的音频和视频

需求编写

  1. 在docs目录下创建0.1.0.md文件
  2. 根据自己对第一个版本希望实现的功能、所要采用的技术栈、UI设计风格的要求等开发需求做详细的描述。比如,我这里写的要求
实现一个跨平台的音频/视频处理桌面应用:TransDuck

# 技术栈

开发语言和框架:

- Node.js 22.15.0
- Tauri 2.0,前端框架选择Vue
- ffmpeg 

# 项目结构

- docs:项目需求文档
- example:测试用的音频、视频
- transduck-desktop:项目源码

# 前端框架与UI风格

1. 采用左右布局,左侧为功能菜单,右侧为功能操作区
3. 功能操作区上边为任务配置区,下边为任务执行进度和结果显示区
3. 支持多语言国际化配置,先实现中文和英文,后续再扩展其他语言的配置
4. UI主题采用Vue Admin Bootstrap

# 功能模块

1. 音频格式转换

- 音频文件的支持范围:根据ffmpeg支持的所有音频均可支持
- 结果输出路径源文件同路径,转换完成后提示输出目录位置
- 转换过程需要显示进度条

2. 视频格式转换

- 视频文件的支持范围:根据ffmpeg支持的所有音频均可支持
- 结果输出路径源文件同路径,转换完成后提示输出目录位置
- 转换过程需要显示进度条

# 其他要求

1. 帮我完成项目初始化
2. ffmpeg集成:应用内置依赖、打包到应用中

配置CodeBuddy

在开始开发之前,按如下图所示,对CodeBuddy做一些配置:
把“自动运行”和“自动修改文件”开启,这样在Craft模式中发消息之后,CodeBuddy会直接帮我们进行开发相关的操作,比如:运行命令、修改文件等。

开发过程

  1. 把编写的需求内容复制到CodeBuddy下方的输入框内,模型选择default
按“回车”开始!如下图,CodeBuddy在对我们的输入思考之后,先扫描当前项目内容,检查项目状态,再根据项目状态`制定任务计划`:
在完成了计划制定之后,就马上开始执行了!如下图所示,由于项目是空的,所以CodeBuddy开始根据我们需求中写的技术栈要求和项目结构开始创建目录、初始化开发框架的项目结构等操作。
这里我们只需要等待AI一步步做,如果有需要确认的,就操作一下,不然看着就行。当CodeBuddy完成当前任务之后,会做当前任务的总结,并且给出下一步的任务建议。
这里,我们可以选择继续执行任务,也可以取消继续执行,执行其他任务,比如启动应用,看看是否可以跑起来。建议如果这一步做的任务很多,建议先跑一下,看看是否有报错,如果有报错就先及时处理一下。
由于从来没用过Tauri,也不知道如何运行程序,所以就让CodeBuddy帮我启动项目,看看是否有报错。于是CodeBuddy就开始执行命令启动应用。
如图所示,在执行过程中,CodeBuddy发现有报错信息,并且马上开始自动修复:
再修复完问题之后,然后可以继续让CodeBuddy执行之前还没完成的任务,就这样不断重复:提交任务、启动应用、修复错误,逐步推进开发。
下面是这次实践的几个阶段过程和成果:
  1. 初始化项目完成,初步实现界面布局
  1. 测试功能是否可用,是否有遗漏。这一步是耗时最多的,主要遇到不少错误,比如:
    • 点击选择文件没有效果
    • 输出格式组件是输入框,不好用
    • 点击转换按钮不执行转换任务
    • 转换结果输出后,点击打开不会跳转到对应目录
遇到这些问题的时候,如果没有报错信息,就用语言描述告诉CodeBuddy,让AI去处理。如果有报错,就直接复制报错信息告诉CodeBuddy去处理。
这里卡了比较久一步是由于Tauri 2.0比较新,可能AI的知识不是很全,所以一开始生成的内容有不少错误,不过比较意外的是,经过多次尝试,最后它还是完成了错误的修复:
  1. 在让AI辅助修复了所有问题,并让功能可用之后,对一些细节做优化,比如:
    • 增加图标元素,让界面更和谐
    • 优化输出格式的组件样式
    • 增加“关于”信息
    • 调整国际化语言选择的样式
    • 处理进度条、处理结果的样式

小结

这波挑战前前后后总共花了我大概4小时左右完成。如果按照以往的模式,先阅读Tauri的教程文档,搭建环境、调试、开发、测试,估计可能最快也要几天时间吧。这次通过腾讯云代码助手CodeBuddy的辅助,大大缩短了学习和开发时间。

同时,在AI辅助编码的过程中,其实我也逐步地学习了Tauri框架的相关内容,根据AI给出的构建命令、执行命令、以及修复错误的过程,也是对Tauri在一步步的学习。这种体验还是非常棒的,除了完成任务,还能学习新技术。

本文转载来源:程序猿DD   https://cloud.tencent.com/developer/article/2519814

posted @ 2025-06-05 17:54  粤海科技君  阅读(149)  评论(0)    收藏  举报