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

相关推荐
zhu12893035565 分钟前
用Rust和WebAssembly打造轻量级前端加密工具
前端·rust·wasm
@PHARAOH31 分钟前
WHAT - Electron 系列(一)
前端·javascript·electron
半句唐诗1 小时前
设计与实现高性能安全TOKEN系统
前端·网络·安全
小满zs1 小时前
React-router v7 第二章(路由模式)
前端·react.js
yanxy5121 小时前
【TS学习】(18)分发逆变推断
前端·学习·typescript
大莲芒1 小时前
react 15-16-17-18各版本的核心区别、底层原理及演进逻辑的深度解析--react18
前端·javascript·react.js
Hellyc2 小时前
SpringMVC响应数据:页面跳转与回写数据
java·前端·学习
CaveShao2 小时前
前端开发中常见的 SEO 优化
前端·seo
Hyyy2 小时前
ElementPlus按需加载 + 配置中文避坑(干掉1MB冗余代码)
前端·javascript·面试
Summer_Xu2 小时前
模拟 Koa 中间件机制与洋葱模型
前端·设计模式·node.js