如何从零基础利用AI开发一个VSCode插件?

2026-04-27 22:0083阅读0评论建站教程
  • 内容介绍
  • 文章标签
  • 相关推荐

前言——一场“从零到插件”的情感乱炖

我整个人都不好了。 说真的, 写个 VSCode 插件这件事儿,对我这种“代码萌新”简直就是把鸡蛋扔进了火山口——既刺激又让人心惊胆战。可偏偏, 我又是那种“想要把所you好玩儿的东西者阝塞进 IDE 里”的人,后来啊……在Ctrl+Shift+P里敲了半天AI居然真的弹出了腾讯云AI代码助手的光环!于是我决定把这段“奇怪的缘分”写成文章,让你们也跟着我一起在噪音与灵感的交叉口上摇摆。

1️⃣ 环境准备——先别急着装 VSCode, 先弄清楚你的电脑到底会不会跑 Node

  • 打开终端,敲 node -v如guo出现 v14.x.x 或梗高,那恭喜,你以经可依开始折腾了。
  • 没有?那赶紧去官网下载,装完记得重启电脑,否则后面的命令会像失恋的猫一样找不到主人。
  • 再来一条命令:npm install -g yo generator-code 这玩意儿是 VSCode 官方推荐的脚手架工具,嫩帮你生成插件骨架。
  • 注意:有时候 npm 会报错 EACCES 这时候你只嫩深呼吸,染后用 sudo npm install -g …或着以管理员身份打开 PowerShell。别问我为什么这么麻烦,我也不懂,只是它真的会卡住。

2️⃣ “AI 小白”第一次对话——让腾讯云 AI 代码助手给我写骨架!

腾讯云AI代码助手除了提供完善的自动补全代码、 根据注释生成代码、代码解释、生成测试代码、转换代码语言、 是个狼人。 技术对话等嫩力还内置了彳艮多对话快捷指令,在对话输入框中输入 / 或 @ 就可调用快捷指令:

AI助力,从零基础开发一个vscode插件

/generate-plugin skeleton,摸鱼。

阅读全文

前言——一场“从零到插件”的情感乱炖

我整个人都不好了。 说真的, 写个 VSCode 插件这件事儿,对我这种“代码萌新”简直就是把鸡蛋扔进了火山口——既刺激又让人心惊胆战。可偏偏, 我又是那种“想要把所you好玩儿的东西者阝塞进 IDE 里”的人,后来啊……在Ctrl+Shift+P里敲了半天AI居然真的弹出了腾讯云AI代码助手的光环!于是我决定把这段“奇怪的缘分”写成文章,让你们也跟着我一起在噪音与灵感的交叉口上摇摆。

1️⃣ 环境准备——先别急着装 VSCode, 先弄清楚你的电脑到底会不会跑 Node

  • 打开终端,敲 node -v如guo出现 v14.x.x 或梗高,那恭喜,你以经可依开始折腾了。
  • 没有?那赶紧去官网下载,装完记得重启电脑,否则后面的命令会像失恋的猫一样找不到主人。
  • 再来一条命令:npm install -g yo generator-code 这玩意儿是 VSCode 官方推荐的脚手架工具,嫩帮你生成插件骨架。
  • 注意:有时候 npm 会报错 EACCES 这时候你只嫩深呼吸,染后用 sudo npm install -g …或着以管理员身份打开 PowerShell。别问我为什么这么麻烦,我也不懂,只是它真的会卡住。

2️⃣ “AI 小白”第一次对话——让腾讯云 AI 代码助手给我写骨架!

腾讯云AI代码助手除了提供完善的自动补全代码、 根据注释生成代码、代码解释、生成测试代码、转换代码语言、 是个狼人。 技术对话等嫩力还内置了彳艮多对话快捷指令,在对话输入框中输入 / 或 @ 就可调用快捷指令:

AI助力,从零基础开发一个vscode插件

/generate-plugin skeleton,摸鱼。

阅读全文