您当前的位置:首页 > 计算机 > 软件应用 > 开发工具(IDE)

vscode 插件开发示例

时间:12-14来源:作者:点击数:

使用案例

将选中的文本替换

选中文本转化为大写:

import * as vscode from 'vscode'

import { Range, commands } from 'vscode'

export function activate(context: vscode.ExtensionContext) {
  console.log('active')
  const disposable = commands.registerTextEditorCommand('uppercase.toUpperCase', toUpperCase)
  context.subscriptions.push(disposable)
}

function toUpperCase(editor: vscode.TextEditor) {
  editor.edit(builder => {
    editor.selections.forEach(selection => {
      const range = new Range(selection.start, selection.end)
      const text = editor.document.getText(range) || ''
      builder.replace(selection, text.toLocaleUpperCase())
    })
  })
}

export function deactivate() {
  return
}

参考:https://github.com/ruiquelhas/vscode-uppercase

选中 hover 效果

export function activate(context: vscode.ExtensionContext) {
  const hover = languages.registerHoverProvider({
    scheme: '*',
    language: '*',
  }, {
    provideHover(document, position, token) {
      return new Hover('hello world')
    }
  })

  context.subscriptions.push(hover)
}

参考:https://github.com/thegtproject/vscode-hoverhex

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐