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

相关推荐
玩电脑的辣条哥2 小时前
Python如何播放本地音乐并在web页面播放
开发语言·前端·python
ew452182 小时前
ElementUI表格表头自定义添加checkbox,点击选中样式不生效
前端·javascript·elementui
suibian52352 小时前
AI时代:前端开发的职业发展路径拓宽
前端·人工智能
Moon.92 小时前
el-table的hasChildren不生效?子级没数据还显示箭头号?树形数据无法展开和收缩
前端·vue.js·html
垚垚 Securify 前沿站2 小时前
深入了解 AppScan 工具的使用:筑牢 Web 应用安全防线
运维·前端·网络·安全·web安全·系统安全
工业甲酰苯胺5 小时前
Vue3 基础概念与环境搭建
前端·javascript·vue.js
mosquito_lover16 小时前
怎么把pyqt界面做的像web一样漂亮
前端·python·pyqt
柴柴的小记8 小时前
前端vue引入特殊字体不生效
前端·javascript·vue.js
柠檬豆腐脑9 小时前
从前端到全栈:新闻管理系统及多个应用端展示
前端·全栈
bin91539 小时前
DeepSeek 助力 Vue 开发:打造丝滑的颜色选择器(Color Picker)
前端·javascript·vue.js·ecmascript·deepseek