「VSCode插件」快捷面板,一键减少烦恼

225 阅读1分钟

前言

做为一个开发人员,在日常的开发过程中,经常会在 Terminal 中输入各种命令,如:npm inpm startgit initrm -rf、node_modules 等命令,看似方便,实则高频率的输入很烦人。那有什么方法可以把这些高频的命令给复用起来呢?来避免每次都要重复敲键盘的烦恼。

image.png

实现

由于我用的是 VSCode 编辑器,而 VSCode 是支持写插件的,所以就可以写一个 VSCode 插件,做一个快捷面板的功能,把一些高频用到的命令直接放到快捷面板上,就可以避免上面遇到的问题了。

这里分两部分,一部分是内置一些高频命令,另一部分是提供自定义命令的能力。

image.png

于是就非常方便的解决了我的困扰。

安装

安装地址:点击安装

image.png

安装完成后,效果如下图所示:

image.png

使用

这里有两个分组:

  • 常用命令:内置了一些常用的命令,如启动项目、删除 node_modules、Git 提交等。
  • 自定义命令:除了常用命令外,还可以支持用户自定义命令。

自定义命令

点击“添加”按钮,即可进行命令的添加,如下图所示:

输入名称:

image.png

输入命令内容:

image.png

添加效果:

image.png

修改/删除 自定义命令

在相应的命令上,鼠标右击即可操作,如下图所示:

image.png


Github Repo: github.com/lecepin/vsc…