从vscode 的官网中我们可以看到,vscode 主要提供了六类开放能力:通用能力、主题、声明类语言特性(我把它称为基础支持)、程序类语言特性(高级支持)、工作区UI扩展、调试。 我们开发 vscode 插件,实际上就是在通过这些能力对 vscode 进行扩展。 这六类能力具体包括的功能和使用场景可以看下图。 如何编写一个 vscode ...
除了入口必须用 JS 或 TS,具体实现完全可以用你熟悉的任何语言,只要在 VSCode 的电脑上可以执行。 例如Java Language Server插件的大部分功能都是由 Java 实现的,插件和 Java 代码之间通过 json-RPC 来进行通信。 Hello world 介绍 以下内容使用了 VSCode 插件文档中的your first extension,原始代码在helloworld-samp...
插件名称:Code Runner 插件地址:marketplace.visualstudio.com 如果你需要学习或者接触各种各样的开发语言,那么 Code Runner 插件可以让你不用搭建各种语言的开发环境,直接通过此插件就可以直接运行对应语言的代码,非常适合学习或测试各种开发语言。 支持的语言有:C, C++, Java, JavaScript, PHP, Python, Perl, Perl...
如果修改了扩展代码,想重新加载的话,可以直接在新窗口上按下Ctrl+R来快速重新加载,也可以先停止,然后再按F5。 2.6. 关于开发语言 vscode插件可以使用TypeScript来编写(官方推荐),也可以使用JavaScript,本文统一使用后者,不过使用哪种方式,能实现的功能都是一样的。 脚手架的使用 终于到脚手架环节了,如果你喜欢干净...
要开发一个VScode插件,您需要了解其核心原理、熟悉VS Code API、掌握Typescript或JavaScript编程语言、并遵循VS Code插件开发的标准流程。开发过程涉及到设置开发环境、编写您的插件代码、调试插件、部署以及发布您的插件。尤其值得注意的是,掌握TypeScript或JavaScript编程语言是至关重要的。因为VS Code插件本质上是通过运行...
代码语言:javascript 复制 // 创建并显示新的 webviewconstpanel=vscode.window.createWebviewPanel("SVGPreview",// 只供内部使用,即 webview 的标识"SVG Preview",// 面板标题vscode.ViewColumn.One,// 给新的 webview 面板一个编辑器视图{}// Webview 选项);// 设置HTML内容panel.webview.html=`<!DOCTY...
我们在插件开发过程中,如何实时看到自己插件的效果呢,vscode 提供给我们了,按下图中的顺序操作,1 将切到 debug 的操作面板,点击 2 会开启一个新的窗口,同时出现 3 这样一个操作 bar,可以停止和刷新已经在运行中的插件。还可以直接在对应的代码前加断点,执行命令触发断点后开始调试,也可以通过 console.log() 将...
自定义编程语言 添加或替换编程语言的语法 扩展现有的语法 纯工具类主要是一些第三方工具集成到vscode中,如常用的git插件、Docker插件,一般这类插件通过新增容器和视图的方式对vscode进行扩展。 布局解析 了解完vscode插件的扩展范围,我们再了解一下整个vscode编辑器的布局设计和概念,这样能加深对插件开发的理解。这些内容...
通过上图可以看到,生成一个vscode插件工程时可以选择是创建一个已有的语言的插件还是一个全新的语言的插件,并且可以选择插件开发语言。 本文以创建一个新语言的插件为例。 vscode插件开发可以使用TypeScript开发,也可以使用JS,两种方式能实现的功能是一样的。