借助豆包marscode学习vscode插件发布

如今AI迅猛发展,为各行各业都提供了便捷,作为一名开发者,如果你还没有使用AI为自己的开发增效你就需要反省反省自己了(狗头保护),豆包marscode就是一个很好的免费AI编程助手,强烈推荐你可以试一试。

通过在vscode中下载豆包marscode插件,你可以尽情享受AI带给你的编程愉悦。本篇文章,就是我通过豆包marscode学习了vscode插件发布流程的记录过程,一直以来搁置的学习计划通过豆包marscode轻松get。

什么是豆包marscode

豆包marscode编程助手是豆包旗下的 AI 编程助手,而豆包是字节旗下的AI产品,妥妥的大厂背书,稳定性不用担心。

豆包marscode提供以智能代码补全为代表的 AI 功能。它支持主流的编程语言和 IDE,在开发过程中提供单行代码或整个函数的编写建议。此外,它还支持代码解释、单测生成和问题修复等功能,提高了开发效率和质量。

如何使用豆包marscode

豆包marscode功能强大,但是百闻不如一见,还是需要你自己手动来尝试一下。

我是豆包MarsCode合伙人,给你分享一个免费的智能编程助手,邀你用AI助力编码,快来注册使用吧,送万元现金和京东卡!www.marscode.cn/events/s/iB...

首先我们需要在vscode中搜索marscode下载豆包marscode插件。

在vscode中下载好插件之后,就可以看到豆包操作面板了

可以通过右上角切换为中文设置

通过操作面板我们可以了解到,主要有四大便捷的功能:生成代码、解释代码、注释代码、生成单测。

借助豆包创建vscode插件项目

最近一直想学习一下如何写一个vscode插件并发布到线上,刚好借助豆包来实现一下。

第一步:按照豆包的提示初始化项目

css 复制代码
npm install -g yo generator-code
css 复制代码
yo code
vbnet 复制代码
(Use `node --trace-deprecation ...` to show where the warning was created)

     _-----_     ╭──────────────────────────╮
    |       |    │   Welcome to the Visual  │
    |--(o)--|    │   Studio Code Extension  │
   `---------´   │        generator!        │
    ( _´U`_ )    ╰──────────────────────────╯
    /___A___\   /
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

? What type of extension do you want to create? New Extension (TypeScript)
? What's the name of your extension? snippets-hi
? What's the identifier of your extension? snippets-hi
? What's the description of your extension?
? Initialize a git repository? Yes
? Which bundler to use? unbundled
? Which package manager to use? npm

点击确认直接打开新建的项目,我们便可以看到下方这个项目

我们可以通过豆包来了解下初始化的这个插件可以做什么,我选中了这段代码,让豆包给我解释一下

总而言之,当前代码是一个 Visual Studio Code 扩展的激活函数,它在扩展被激活时执行,通过键入hello world指令,vscode就可以弹出一个消息提示。

除此之外,我还可以直接点击Doc按钮让它给我添加注释,这下比较难懂的代码我也不用怕了。

第二步:按照豆包的提示调试vscode插件

点击按键F5测试下这个工具,会自动拉起一个vscode程序,

点击ctrl+shift+P输入Hello World,就会弹出一个Hello world的通知(没有弹出可能是因为你设置了免打扰)

第三步:按照豆包的提示发布vscode插件

  1. 登录/注册

azure.microsoft.com/zh-cn/produ...

  1. 生成Personal Access Token
  1. 在vscode中登录账号
java 复制代码
vsce login (publisher name)
  1. 打包

这个命令会在当前目录生成一个.vsix文件,直接从.vsix安装插件是允许的,查看从 VSIX 安装插件了解更多内容

go 复制代码
vsce package
  1. 发布

    vsce publish

发布完成之后过几分钟就可以成功在vscode中看到这个插件了,可以成功下载使用了

marketplace.visualstudio.com/manage/publ...

#豆包MarsCode 双节创意征文话题 #豆包 MarsCode 放码过来

相关推荐
anew___14 分钟前
《从零手写操作系统 (20):ELF加载器——让OS读懂现代编译器》
java·服务器·前端
ss27315 分钟前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担
前端·javascript·elementui·vue
对空六课21 分钟前
动态按钮ID变化时的稳定埋点标识设计
前端·数据分析
福兮说24 分钟前
URL 编码的七个坑:c++ 传到后端变空格、%25 套娃、截断 emoji 直接报错
开发语言·前端·javascript·node.js·url
吴声子夜歌30 分钟前
Nginx应用与运维——Nginx Web服务应用实战(Python网站的搭建)
运维·前端·nginx
小的时候可菜了1 小时前
JS 异步的本质:从单线程到 thenable(一条进化链)
开发语言·前端·javascript
liangshanbo12151 小时前
Webpack vs Vite 底层原理高频追问的问题
前端·webpack·node.js
web打印社区1 小时前
Windows 网页静默打印设置步骤:客户端、防火墙与联调清单
开发语言·前端·javascript·chrome·pdf·ecmascript
恋猫de小郭1 小时前
KMP 又改了编译流程, Separate Compilation 禁止了 `commonMain` 的依赖穿透
android·前端·flutter
吴声子夜歌1 小时前
Nginx应用与运维——Nginx Web服务应用实战(静态文件服务器的搭建)
运维·前端·nginx