代码量虽少,但也算一个可以使用的产品了,尽管这个产品还非常简陋,接下来可以给它加上更多的功能、修复一些已知的问题
1、不支持 http
协议图片
2、非图片地址被当做图片渲染,如 API
地址
3、更多语言的支持,上面在注册 HoverProvider
时没有写 *
是因为所有内容都会处理,包括 DEBUG CONSOLE
面板中的内容
vscode.languages.registerHoverProvider(“*"
4、允许配置图片宽或高
5、允许自定义哪些文件开启图片预览
等等,其实还有许多可以做的。如果觉得目前的功能已经满足了,可以直接使用现成的插件 Image Hover Preview
本篇文章由一文多发平台ArtiPub自动发布
在前端项目中,往往会使用到图片,可能是直接放在项目中,也可能是使用 cdn 地址,但它们都需要点击才能查看到图片具体是什么内容,显得繁琐,能否和代码提示一样直接鼠标悬停时就展示呢?目前使用量最多的是 Image Preview 这款插件,但我自己在使用时发现并没有在悬停时看到图片,自然想着自己实现一个。简单三步即可实现代码完成后发现异常地简单,指定某个语言增加额外 hover 内容获取鼠标悬停时当前行是否有图片链接构造额外 hover 内容# 创建项目文件夹并进入文件夹mkdir im
VSCode插件开发(二) —— 模版插件改造
文章目录系列文章目录命令菜单出现位置(editor/title)出现时间(when)附加命令(alt)分组(group)快捷键
首先package.json重要注册一个激活事件:
// package.json
// 定义插件何时被激活,变为可用状态。当前为执行createVue时激活。
"activationEvents": [
"onCommand:fast-admin.cr
在准备调试 VSCode 扩展插件时,按下 F5,底部状态栏一直显示“正在生成”,而没有弹出扩展开发宿主的窗口
在 vscode 的 github 仓库 issue 中找到了解决方法,[microsoft/vscode#104038](https://github.com/microsoft/vscode/issues/104038#issuecomme
在 vscode 设置中,将 `"terminal.integrated.automationShell.windows"` 的值设置为现在使用的终端即可
执行插件内置命令
本部分在vscode插件开发教程-helloworld插件的基础上继续开发。
vscode内置命令有两种使用方式,一种是在插件里直接调用;还有将命令解析成uri,给用户选择。比如在鼠标hover的时候,自动生成一句注释本行?,而注释本行? 本身可以点击,在点击后该行代码被注释。
直接在程序里执行命令
有一些命令直接执行即可,无需额外参数,也不会返回内容,比如注释语句,下面是使用示例:
首先在src下新建目录command,新建文件commandExecute.ts,输入下列内容:
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。
就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。
1. Open-In-Browser