VSCode插件开发学习记录(一)

VSCode插件开发学习记录(一)

前言

心血来潮想要开发一个cppcheck插件来在检查文件是否有一些基础的错误。于是开始学习如何制作vscode插件,文章内容会记录这个插件的开发过程。
学习记录一是后来想起来的记录开发过程的方法,会尽可能的回忆操作步骤

脚手架搭建

安装 generator-codeyo(不使用sudo可能会提示权限不足)

sudo npm install -g yo generator-code

如果没有npm可以先执行 sudo apt install nodejs,然后查看npm是否安装,如果没有可以再次执行sudo apt install npm安装完毕之后再执行上面的npm install 。安装过程如果出现长时间未安装成功原因可能是网络原因可以替换npm安装源

sudo npm config set registry https://registry.npmmirror.com/

安装完毕之后再执行

yo code

在出现的选项中填入相关内容即可(时间有点久想不起来了,暂时不贴截图了)

等待加载完成初始配置已经搭建完毕

参考链接

VSCode官方文档链接

### VSCode 插件开发教程 #### 插件 ID 定义 VS Code 使用 `<publisher>.<name>` 作为插件的唯标识符。例如,在 Hello World 示例中,插件 ID 是 `vscode-samples.helloworld-sample`[^1]。 #### 开发环境准备 为了开始开发 VSCode 插件,建议安装 Node.js 和 Yeoman 工具集。Yeoman 提供了个用于创建新扩展项目的生成器,可以简化初始设置过程。 #### 编程语言选择 主要使用的编程语言有两种:TypeScript (ts) 或者 JavaScript (js)[^2]。由于 TypeScript 增加了静态类型检查和其他特性,通常推荐使用它来进行更可靠的开发工作。 #### 项目结构概述 每个 VSCode 扩展都围绕着个名为 `package.json` 的文件构建,该文件定义了元数据以及激活条件等重要信息。以下是典型的目录布局: - `.vscode/`: 存储编辑器配置文件。 - `out/`: 放置编译后的代码(如果是 TypeScript)。 - `src/`: 包含源码。 - `README.md`: 描述文档。 - `CHANGELOG.md`: 变更记录日志。 - `LICENSE`: 许可证声明。 #### 创建第个命令 通过实现简单的命令函数并将其注册到贡献点列表里,就可以让这个命令显示在命令面板上了。下面是个基本的例子: ```typescript import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { let disposable = vscode.commands.registerCommand('extension.sayHello', () => { vscode.window.showInformationMessage('Hello World!'); }); context.subscriptions.push(disposable); } export function deactivate() {} ``` 这段代码会在调用时弹出消息框说 “Hello World!” #### 调试支持 还可以通过编写自定义调试适配器来增强 IDE 对不同运行时的支持能力。这允许开发者连接外部进程或解释器,并提供完整的断点管理等功能。 #### API 文档资源链接 官方提供了详尽的 [API Reference](https://code.visualstudio.com/api/references/vscode-api),涵盖了几乎所有可用接口和服务的信息。对于想要深入了解某个具体模块的人来说非常有用。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值