专栏名称: 奇舞精选
《奇舞精选》是由奇舞团维护的前端技术公众号。除周五外,每天向大家推荐一篇前端相关技术文章,每周五向大家推送汇总周刊内容。
目录
相关文章推荐
今天看啥  ›  专栏  ›  奇舞精选

Visual Studio Code 插件开发中的语言功能

奇舞精选  · 公众号  ·  · 2024-09-11 18:00

主要观点总结

本文介绍了如何使用Visual Studio Code的插件开发语言功能,以CodeLens功能为例,通过vscode.languages API进行调用。文章涵盖了如何使用官方示例注册CodeLensProvider和注册命令,以及如何在命令面板和设置面板中控制CodeLens的显示。

关键观点总结

关键观点1: CodeLens功能介绍

CodeLens是Visual Studio Code中的一项实用功能,可以为开发者提供关于代码的上下文信息和快速操作能力。它可以在编辑器中的特定代码行上方显示可操作的、与上下文相关的信息,如代码引用次数、单元测试结果、代码更改历史等。

关键观点2: 使用vscode.languages.* API调用语言功能

Visual Studio Code通过提供一组API来实现丰富的语言功能。例如,通过调用vscode.languages.* API,可以注册CodeLensProvider以提供语言功能。

关键观点3: 注册CodeLensProvider

官方示例演示了如何注册CodeLensProvider。在extension.ts文件中,通过调用languages.registerCodeLensProvider()来注册CodeLensProvider。需要提供两个参数:语言ID和CodeLensProvider实例。

关键观点4: 注册命令

在extension.ts文件中,使用commands.registerCommand()来注册命令。可以注册多个命令,并在命令的响应函数中实现相应的功能。

关键观点5: 在命令面板控制CodeLens的显示

通过在package.json文件中配置commands和contribution,可以在命令面板中看到并控制CodeLens的显示。注册命令时绑定相应的响应函数,并在设置面板中控制CodeLens的显示开关。

关键观点6: 在设置中控制CodeLens的显示

在package.json文件的configuration部分配置属性,以在配置面板中显示并控制CodeLens的显示开关。例如,通过workspace.getConfiguration().get()获取配置值,并在响应函数中进行相应的操作。


文章预览

本文作者为 360 奇舞团前端开发工程师 本文将以 CodeLens 功能为例,通过 vscode.languages.* API 调用来讲解如何使用 Visual Studio Code 插件开发中的 语言功能 (Language Feature)。 Visual Studio Code 的 语言功能 可以提供智能编辑能力。VS Code 本身并不提供内置的语言支持,而是提供了一组 API 来实现丰富的语言功能。例如,VS Code 包含一个 HTML 扩展,使 VS Code 能够为 HTML 文件显示语法高亮。 CodeLens 则是 Visual Studio Code 中一项非常实用的功能,它可以为开发者 提供关于代码的上下文信息 和 快速操作 的能力。 CodeLens 在 编辑器中的特定代码行上方显示可操作的、与上下文相关的信息 。这些信息可以是代码引用次数、单元测试结果、代码更改历史、Bug 追踪、任务关联等。 如下图示例: VS Code 的语言功能(Language Feature) 语言功能大致分为两类: 声明式语言功 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览
推荐文章