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

相关推荐
yinuo2 小时前
前端跨页面通讯终极指南⑥:SharedWorker 用法全解析
前端
PineappleCoder7 小时前
还在重复下载资源?HTTP 缓存让二次访问 “零请求”,用户体验翻倍
前端·性能优化
拉不动的猪7 小时前
webpack编译中为什么不建议load替换ast中节点删除consolg.log
前端·javascript·webpack
李姆斯7 小时前
Agent时代下,ToB前端的UI和交互会往哪走?
前端·agent·交互设计
源码获取_wx:Fegn08957 小时前
基于springboot + vue健身房管理系统
java·开发语言·前端·vue.js·spring boot·后端·spring
闲谈共视7 小时前
基于去中心化社交与AI智能服务的Web钱包商业开发的可行性
前端·人工智能·去中心化·区块链
CreasyChan7 小时前
C# 反射详解
开发语言·前端·windows·unity·c#·游戏开发
JIngJaneIL8 小时前
基于Java+ vue智慧医药系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
hashiqimiya9 小时前
两个步骤,打包war,tomcat使用war包
java·服务器·前端
零度@10 小时前
Java中Map的多种用法
java·前端·python