我正在参加CodeBuddy「首席试玩官」内容创作大赛,本文所使用的 CodeBuddy 免费下载链接:腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴
前几天在公司偷摸摸敲代码的午后,我突然想:要是手机里有个“假装我在正经上班”的小应用,该有多带感?于是我跟 CodeBuddy 说:“给我来一款 UniApp 做的 FakeWorkPro,能切换成代码编辑器、表格、文档啥的伪装界面,最好再来点小动画、小音效,让人看了以为我是真的在埋头苦干。”
下面,就聊聊 CodeBuddy 帮我把这个“摸鱼神器”从脑洞变成真东西的过程。
从想法到项目骨架:连命令都省我敲
我把想法丢给它后,CodeBuddy 首先扫了一眼我现成的 UniApp 工程,发现已经有 pages
目录、App.vue
、main.js
,直接接着说:“我们弄三个子页面,code-editor、document、spreadsheet,把首页留给模式切换就好。”
然后它还顺手帮我搞定了目录结构和路由,甚至把那串 PowerShell 报错的 &
符号自动换成分号,一气儿跑通好几条命令,把所有文件都给我“啪”一下建好了。
UI 拟物风:窗口还能拖还能抖动
接下来本来我还想动手做个模拟桌面,结果还没动指头,CodeBuddy 就先行一步。它给我画了个草图:顶上状态栏带个时间电量,主区是带拖拽头的小窗口,底下浮着一条模式切换工具栏。
点开窗口的时候,还有 scale+fade 弹出效果,随意点空白区域,整个窗口还会轻轻抖一下——看着就像真的在操作系统里折腾文件。它还给各窗口里填了假 JSON、伪文档、乱七八糟的表格,逼格满满,让人一度怀疑自己是不是电脑真的卡住了。
声音互动:敲键盘声自动加持
为了气氛更带感,我开口就说想要打字声、敲击声。CodeBuddy 果断建了 static/audio
文件夹,还告诉我在 PowerShell 下一条命令搞定多级目录不用怕。
它直接给我了一个可复用的 AudioPlayer
组件,哪里要响就哪里调,点切换按钮就嗵嗵作响,而且防抖做得好,不用担心狂点出乱子。
动效细节:每次弹窗都像开派对
动画部分,CodeBuddy 用 transition
、scale
、opacity
搭了一套弹窗动效,每次打开都跟小派对似的,还配了 vibrateShort
的短震动反馈,诙谐感直接拉满。整个交互让我忍不住一遍遍切换模式,乐趣十足。
绝佳搭档:我只出 IDEA,它包办一切
从一开始把想法丢给它,到项目建好、页面生成、路由配置、资源管理、动效交互,CodeBuddy 完全不用我操心技术细节。最夸张的是,它连我环境里那点小坑都能自动识别并改正,让我哭笑不得——这效率,比几个实习生加班扒代码都快。
小结:FakeWorkPro,摸鱼不再心虚
有了 FakeWorkPro,办公室想偷摸刷微博、偷偷盯剧都能假装在写表格、改文档。这玩意儿更像我跟 AI 搞创意的成果,既解锁了新奇玩法,又能让老板误以为我在全力以赴。
下一步我打算让它支持多窗口自由拖拽,甚至做个假 Slack 聊天、假 Zoom 通话界面。反正想到哪里,直接跟 CodeBuddy 说,它就能给我整出来——摸鱼从此不慌张!