vsCode插件开发_03快捷键和悬浮提示

书接上回进行vsCode插件开发,本篇主要记录的是:

        1快捷键的配置使用

        2选中文本-悬浮提示内容的使用

——————————————————————————————————————————————————华丽的分割线

工程是新建了一个demo03-shortcutkeys@hoverTip,但是还是将demo02的内容添加了进来 

 

下面我们进入正题:

        1快捷键的配置使用

step1:首先还是在package.json中添加命令

高亮部分即为添加的快捷响应按键,此处是ctrl+f10触发vsCodePlugin.ctrl_f10命令,key标识了win系统下,mac则为mac系统下,when标识了触发时机为编辑区有焦点时

step2:在extension.js中导入ctrl_f10.js,在目录src下新建了ctrl_f10.js,用于处理ctrl_f10的触发,也就是vsCodePlugin.ctrl_f10这个命令

下面附上ctrl_f10.js的代码

最后是运行效果,按下快捷键ctrl+f10,后台响应弹窗。

——————————————————————————————————————————————————华丽的分割线

下面进行第二项

        2选中文本-悬浮提示内容的使用

step1 在extension.js中导入hoverTip.js,在目录src下新建了hoverTip.js,用于处理悬浮事件

下面附上hoverTip.js的代码

此处主要是针对json文件,并且选中的文本为main时,额外添加了提示:测试悬停提示

最后是运行效果

至此本文记录的所有内容,功能已完全实现,后续会将所有程序一并打包发布。

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值