主要观点总结
本文介绍了如何使用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) 语言功能大致分为两类: 声明式语言功
………………………………