热门活动
全部活动
应用架构
为了更快的进行开发，前端方面选择了 TDesign Mobile+Vue3，实现注册、登录、上传图片、看图片，并且支持移动端浏览器访问。
后端采用了 Node.js+ 数据库。数据库用于记录 ID 等 COS 文件信息。图片的 raw data 通过 COSClient SDK 存入 COS 桶中。
启动一个开发环境
1. 打开 腾讯云 Cloud Studio，单击左下角新建工作空间。
2. 选择一个 Node.js 开发环境，单击新建之后，即可进入开发环境。
3. 在界面导航栏中选择终端 > 新建终端，查看安装版本。
后端应用
1. 选择拓展图标 > 
2. 接下来开始创建 Node.js 后端服务。基于代码助手的对话能力，输入提示词初始化一个 Node.js 项目的后端工程。
后端服务至少应包含：
登录服务。
注册服务。
图片预览服务。
图片上传保存服务。
登录服务
在对话里继续提问：基于 koa 框架，创建一个登录接口的服务，期望在通过用户名 username 和 password 来确定用户身份，通过 JsonDB 来快速保存相关记录。
接着插入到当前工程，进行代码补全的代码微调，例如我们要对传过来的密码进行 md5加解密，我通过行内注释输入 // 对 password 进行 md5，如果登录成功，返回 token，否则返回失败，接着代码助手触发了代码补全，智能根据当前光标上下文，进行行或者块补全。如下：
注册服务
AI 的联想能力（FIM - Fill in Middle），由于上文已完成注册用户的代码逻辑，当描述注册接口的时候，可以给予初步的补全建议。
此处对代码逻辑进行调整。例如针对109行做一些代码调整，增加兜底逻辑。
COS 桶
上传的图片需要存放到 COS 桶，接下来向代码助手提问：用腾讯云的 COS 桶 qcloud-cos-sts，存储图片。通过获取临时密钥，实现图片上传和分片。
图片预览服务
输入：生成相册的 POST 请求 /photo-wall，随机生成 ID，并保存到数据库中，图片文件上传到刚刚的 COS 桶里。
找到核心代码逻辑，复制到编辑器中，触发补全进行代码微调。
图片相册列表服务
输入代码注释：查询相册 GET 请求/photo-wall，根据上文的 POST 请求，猜出 GET 请求的编码。在此基础上，进行代码补全的微调就快速完成了相似的列表服务。
前端应用
Vue 页面
创建对应几个 Vue 文件，如图，通过对话实现一个 Login.vue 页面先去生成个大概。然后通过插入代码之后，再进行代码补全微调，从而生成自己想要的代码逻辑。
操作方式类似，由于篇幅有限，这里不一一截取。通过组合拳，对话+补全，加上多文件能力，使得前后端的开发工作效率得到提升加速。
最后的预览效果
在 Cloud IDE 里遇到了问题，例如转发问题和 AllowHost 问题，可以通过代码助手对话解决。
也通过了 Cloud Studio 的协作能力排查错误：
最后成功，效果演示视频如下：
