借助豆包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 放码过来

相关推荐
0思必得07 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5168 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino8 小时前
图片、文件的预览
前端·javascript
layman052810 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔10 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李10 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN10 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒10 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
PHP武器库10 小时前
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架
前端·css
电商API_1800790524710 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫