天工SkyCoder智能编程助手VS Code安装使用教程
想要在VS Code里用上天工SkyCoder的智能补全、代码解释和代码生成能力?先别急着写代码,有一步必须提前搞定:安装插件并绑定天工AI正式账号。否则右下角那个蓝色闪电图标压根不会亮,所有AI功能都处于“离线”状态。
说到底,整个流程的关键就两步:先装对插件,再登对账号。下面直接拆解每一步的细节和容易踩的坑。
安装天工SkyCoder插件
打开VS Code,按 Ctrl+Shift+X(Windows)或 Cmd+Shift+X(macOS)进入扩展市场。这一步没什么特别的,但搜索词很关键——在搜索框里输入 【Sky-code】,注意拼写是“Sky-code”,不是“SkyCoder”或“SkyCode”。拼错了,搜到的很可能不是最新版,甚至可能找不到。
搜索结果中,认准图标是蓝色闪电、发布者显示为“Tiangong”的那个插件,点击“安装”。安装完成后,留意VS Code右下角状态栏——蓝色闪电图标会出现,同时弹出一个登录提示窗口。
登录并激活天工SkyCoder
点击右下角的闪电图标,选择“Login with Tiangong Account”,浏览器会自动跳转进行授权。这里有一个容易忽略的点:第一次登录必须使用天工AI正式账号(也就是在 tongyi.aliyun.com 注册的同账号),微信快捷登录或手机验证码临时登录均不支持。很多人在这步被卡住,反复试都不行,多半是账号类型不对。
授权成功后,浏览器会显示“授权成功”,VS Code会自动刷新,闪电图标变成常亮蓝色,表示一切就绪。如果图标仍然灰暗,或者登录框反复弹出,很可能是VS Code以非管理员权限运行——某些系统级权限被限制,导致OAuth回调失败。试试以管理员身份启动VS Code,问题通常能解决。
开始使用SkyCoder核心功能
功能入口很直观:打开任意 .py、.js 或 .ts 文件,选中一段代码,右键选择“Explain Code with SkyCoder”就能获得解释。如果想快速生成函数注释,把光标放在空行,输入 /** 然后按 Enter,SkyCoder会自动补全一份注释草稿。
更常用的是代码生成:新建一个文件,用英文输入自然语言需求,比如 “create a React component that fetches and displays user list”,然后按 Ctrl+Enter(Windows)或 Cmd+Enter(macOS)就能触发生成。这一步操作本身很简单,但效果好不好完全取决于提示词的写法。
需要注意的是,如果用中文提问,并且没有补充技术上下文(比如直接说“写个接口”),SkyCoder很可能返回一个通用模板,而不是你项目中实际使用的结构。因为它默认会读取当前工作区的 package.json 和 tsconfig.json 来推断上下文——所以写提示词时最好带上具体的依赖、框架或目录结构信息,这样生成的结果才真正能用。
