在vscode中使用通义灵码插件记录分享

很久以前我在vscode中已经安装了这个通义灵码插件,但没有怎么使用,特别对它生成整个项目,更是陌生。昨天看群里小伙伴分享使用它做了一个小游戏项目,于是又激起了我的兴趣。昨天也准备去弄一个,结果没有成功。

今天周日我又在家里捣鼓学习,看其他人视频,文章,发现很多细节地方没有说清楚,这导致我又花了很长时间摸索。最后总算成功了,于是我准备从零写一篇,把他们忽略的地方记录下来。希望对初次使用的人一些帮助。少走一点弯路,少花一些时间摸索。快速出结果!

文章前提默认已经安装好vscode软件。

第一步搜索通义灵码插件

点击左边图标然后 搜索lingma

第二步安装

这个图表示已经安装好了

第三步登录

可以先点击相关设置,比如我这里设置是中文,然后点击登录

因为我之前登录过,所以点击登录很快就出现这个界面,登录成功,然后关闭就是

为了把对话框放到右边,我们可以这样操作,点击右边顶部分栏

出现下面三栏,然后我们点击灵码图标不放拖到右边即可。

效果如下

第四步创建工作区

就是生成文件存放的地方。这个其他人教程都没有说怎么创建,这里我仔细说一下。 在电脑磁盘创建一个文件夹,比如我这里创建是tongyi20250727

然后点击File--->点击add Folder to Workspace------>选中上面创建的文件夹tongyi20250727

此时可以在里面再创建单独文件夹来存我们的项目,这里我创建一个youxi文件夹

第五步回到右边,我们选择文件夹,和类型。

这里我选择智能体。

第六步,输入我们需要创建的项目

这里我输入:创建贪吃蛇游戏

然后按回车键,就开始生成项目了。

我们点击接受。 此时我们可以再输入:优化项目,可以再次生成,并点击接受。

第七步运行游戏

点击Index.html 文件 浏览器打开

到此,整个使用过程已经分享完成。

总结

后面我又生成了五子棋项目,发现这个通义灵码真的强大,不仅快速,界面,功能做得也相当不错,以后要大大使用,提高工作效率。

相关推荐
夏天要喝冰可乐7 小时前
Codex 写 Three.js 大屏实录:800 行代码,和一条画反的弧线
前端·aigc
欣欣之王来了8 小时前
v-bind语法糖::属性名的简写方式
前端·学习·架构·项目·vue3教程
2601_954005628 小时前
# ricon SVG 编辑器:工业图元的“军火工厂“
前端·物联网·数学建模·架构·编辑器·制造
codeniu8 小时前
一个人,5天,从想法到上线:我用 TRAE 跑通全链路开发的完整实录
前端
shaibdoio8 小时前
RPA自动化获客怎么落地?瞬维AI评论区工程实践
前端·自动化·rpa·长沙瞬维ai
计算机魔术师8 小时前
807亿亏配900%留存:ANT招股书把AI的拧巴摊在桌上了
前端
未来之窗软件服务8 小时前
web网络请求竞态问题与取消方案-东方仙盟
前端·状态模式·仙盟创梦ide·东方仙盟·网络取消
wshzd8 小时前
LLM之Agent(120)|DeepSeek-Harness(二十七)Workflow 引擎与 Ralph 循环
前端·数据库·人工智能
涛涛ing9 小时前
React Compiler 1.0 之后,状态管理库正在被重新定义
前端
乘风gg9 小时前
出事了,AI 提效后,老板让我裁员20%
前端·后端·ai编程