VS Code接入天工AI:提升代码效率的必备指南
要在VS Code里真正把天工AI的代码解释、智能生成和上下文补全能给用起来,少一步都不行。得把插件安装、官网账号绑定、权限校验这三步走完——缺一步,右下角那个蓝色闪电图标就会一直灰着,所有AI功能都别想触发。
说白了,本地VS Code里的天工AI,不是装个插件就能直接开干的。必须完成安装、账号绑定、权限校验三步,缺一不可。只要有一环没到位,右下角那个蓝色闪电图标就永远是灰色的,所有AI功能都不会响应。
安装天工SkyCoder插件
打开VS Code,按 Ctrl+Shift+X(Windows)或 Cmd+Shift+X(macOS) 进扩展市场。
搜索框里输入 【Sky-code】——记住了,是带短横线的“Sky-code”。别看它叫“天工”就搜“SkyCoder”“SkyCode”或“Tiangong”,一个字符不对都找不到官方插件。
找到发布者为“Tiangong”、图标是蓝色闪电的那个插件,点击安装。过程大概3到5秒,不用重启IDE。
装完后,VS Code右下角状态栏会自动出现蓝色闪电图标,还会弹出一个首次登录的提示窗口。
绑定天工AI官网账号
点击右下角蓝色闪电图标 → 选择“Login with Tiangong Account” → 浏览器会自动跳转到 tongyi.aliyun.com 的登录页面。
必须用天工AI官网注册的邮箱账号登录——微信快捷登录、手机验证码临时登录、第三方OAuth授权,统统不支持。 如果用其他方式登录,授权会失败,而且不会给你任何明确的报错提示。
登录成功后,浏览器会显示“授权成功”,VS Code状态栏的闪电图标会从灰变蓝并常亮,这就表示激活了。
如果图标还是灰的,或者反复弹出登录框,试试这个办法:关闭VS Code → 右键点击它的快捷方式 → 选择“以管理员身份运行” → 再次登录。非管理员模式下,OAuth回调经常被系统级权限拦截,静悄悄就失败了。
开始使用核心开发功能
第一步:打开任意 .py 或 .js 文件,选中一段逻辑代码 → 右键 → 选择“Explain Code with SkyCoder”,AI会在侧边栏生成逐行注释和潜在风险说明。
第二步:光标放在空行上,输入 /** 后按 Enter,SkyCoder会基于当前函数签名自动生成符合 JSDoc 规范的文档草稿,参数类型、返回值、示例用法都会填好。
第三步:新建空白文件,用英文写明需求(比如“fetch user list from /api/users and render as table with loading state”),然后按 Ctrl+Enter(Windows)或 Cmd+Enter(macOS) 触发——中文提问得加上技术上下文(比如“React + TypeScript + Axios”),否则它可能忽略你项目实际的依赖结构。
这一步操作起来很简单,提示词写清楚就能出结果。不过有个关键前提:如果当前工作区没有 package.json 或 tsconfig.json,SkyCoder会默认用通用模板,而不是你项目实际的技术栈。
