vscode 插件开发之高亮整行代码

最新推荐文章于 2024-06-24 16:11:48 发布

啊炳阿

最新推荐文章于 2024-06-24 16:11:48 发布

阅读量1.3k

点赞数

分类专栏： vscode插件开发文章标签： vscode ide visual studio code

本文链接：https://blog.csdn.net/weixin_45885731/article/details/123101846

版权

本文介绍了如何在VSCode插件开发中实现整行代码高亮的功能。首先展示了高亮效果，然后详细讲解了实现过程，包括必备的文件路径和行号信息。通过`vscode.Uri.parse()`将文件路径转化为可识别的对象，从而能够调用相关功能进行代码高亮。此外，还提及会不定期分享VSCode开发经验。

摘要由CSDN通过智能技术生成

先上效果。大致如下整行都如我所愿的高亮起来了。

讲讲实现流程：

必要条件：

1、文件路径。

2、行号。

有了文件路径我们先把路径转换成一个vscode能打开的路径。直接打开是不行的，要通过vscode的vscode.Uri.parse() 转换成一个可被识别的对象才可以调用。

具体代码如下：

export async function showTest() {
  // 转换路径
  let fullPath = vscode.Uri.parse('Users/xxx/ctrl/step4_django/step4_django/ctrl/public.py');
  let lineNumber = 33;
  // 打开文件
  await vscode.workspace.openTextDocument(fullPath)
  .then(async doc => {
    // 获取当前打开的文件的editor 
    let editor = vscode.window.activeTextEditor;
    if (!editor) {
      return;
    }
    //从editor 中拿document。
    let document = editor.document;
    // 调用document的lineAt获取某行代码的range。
    let start = document.lineAt(lineNumber).range.start.character;
    let end = docu