vscode插件开发之如何玩转vscode命令

向右看齐 2021-11-13 19:34 492阅读 0赞

这里以插件开发为例，VsCode之所以那么强大是因为它背后有千千万万的开发者们为其开发大量功能插件，WordPress同理。

那么如何玩转VsCode命令呢(以插件开发为例)?

## 官方文档必不可少 ##

[https://code.visualstudio.com/api][https_code.visualstudio.com_api]

## 要像产品经理那样面对产品时，多点点多看看多想想 ##

举个例子说明:  
以关闭VsCode窗口为例  
我从VsCode的源码中找到了相关的关闭窗口方法，但是无奈插件API不支持这样的，为此我只得另寻其它方法。最后找到的方法是通过VsCode API命令执行的方式完成此功能。

### 如何查看VsCode快捷键及其对应的命令(记住该功能很重要) ###

![1255290-20190622210211209-323925344.png][]

### 键盘快捷方式效果如下 ###

基本上系统自带和所安装的其它扩展命令都在这

![1255290-20190622210304820-1399832439.png][]

## 如何充分玩转这些命令，让其为我所用呢(插件为例)，很简单 ##

如下简单的代码，在我最近开发VsCode插件中十分常用(主要体现在调用VsCode强大丰富的API完成一些特定的功能):

vscode.commands.executeCommand('命令放置处');

关闭VsCode窗口示例:

vscode.commands.executeCommand('workbench.action.closeWindow');

当然了，如果想要调用vscode这个API(Node.js中调用的话),需要导入这段代码`const vscode = require('vscode');`

## 总结 ##

基本上把VsCode中系统常用快捷键掌握好(知道怎么查和对应什么意思)，再结合其它插件，你也能开发出一个属于自己的IDE(编辑器)，这个IDE可以叫XXIDE，也可以叫YYIDE，纯看个人兴趣。

转载于:https://www.cnblogs.com/youcong/p/11070340.html

[https_code.visualstudio.com_api]: https://code.visualstudio.com/api
[1255290-20190622210211209-323925344.png]: /images/20211113/e8f30e3becbf4fe1bb366ba890eb6603.png
[1255290-20190622210304820-1399832439.png]: /images/20211113/ac070e65a81b4db380c1953faef6b29a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，492人围观）

还没有评论，来说两句吧...

相关阅读

相关 VsCode插件之vscode-icons

一、VsCode中的图标插件，可以控制vscode中的文件管理的树目录显示图标 ![Center][] 二、使用方法 1.安装点击左侧Extensions

素颜马尾好姑娘i/ 2023年02月17日 03:20/ 0 赞/ 386 阅读

相关 VScode 有趣好玩的插件

[每日一题][Link 1] [插件][Link 2] [Link 1]: https://mp.weixin.qq.com/s/BYEDLNZeOwE739E5mvi

向右看齐/ 2023年01月07日 01:27/ 0 赞/ 132 阅读

相关 VSCode 插件开发入门

[官方文档][Link 1] 安装Yeoman 和 VS Code Extension Generator npm install -g yo generator-code

迷南。/ 2022年12月27日 15:28/ 0 赞/ 302 阅读

相关 vscode 插件开发图标显示

网上查了很久vscode 插件开发的图标如何显示，并没有我想要的答案，所以我最后只能看vscode开发文档（本来不想看的，因为还有其他事做）相信大家已经用了很多vsco

叁歲伎倆/ 2022年12月14日 14:58/ 0 赞/ 375 阅读

相关 vscode前端开发插件收藏

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

青旅半醒/ 2022年10月31日 15:59/ 0 赞/ 304 阅读

相关 vscode 路径跳转插件

路径跳转插件插件名：`别名路径跳转` ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

逃离我推掉我的手/ 2022年10月31日 14:00/ 0 赞/ 517 阅读

相关 VSCode开发插件 VSCode快捷键

![我的VSCode插件列表][VSCode] Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），

╰+哭是因爲堅強的太久メ/ 2022年05月17日 02:37/ 0 赞/ 388 阅读

相关 vscode插件

vscode插件 1. 必备插件 1. Beautify 2. VS Code ESLint extension 3. VS C

朴灿烈づ我的快乐病毒、/ 2022年01月28日 15:59/ 0 赞/ 441 阅读

相关 vscode插件开发之如何玩转vscode命令

这里以插件开发为例，VsCode之所以那么强大是因为它背后有千千万万的开发者们为其开发大量功能插件，WordPress同理。那么如何玩转VsCode命令呢(以插件开发为例)

向右看齐/ 2021年11月13日 19:34/ 0 赞/ 493 阅读

相关 react开发vscode插件推荐

由于本人主要是做react开发，用的代码编辑器是传说中的宇宙第一前端神器[vscode][], 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。

叁歲伎倆/ 2021年07月27日 01:12/ 0 赞/ 715 阅读