插件界的瑞士军刀,VSCode 已经无所不能!

2023-12-24 14:08

本文主要是介绍插件界的瑞士军刀,VSCode 已经无所不能!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

公众号关注 “GitHubDaily”

设为 “星标”,每天带你逛 GitHub!

powertools 可以称得上插件界的 瑞士军刀

相对于 VS Code 中大多数插件的出现为了解决某一项弊端和不足,powertools 则聚合了很多强大且实用的功能,能够增强 VS Code 的功能,并提升 VS Code 的使用体验。

powertools 就如同之前使用 iOS 系统时使用过的一款软件 Workflow,它相对于大多数插件功能更加丰富,但是门槛也更高一些。

也就是说,想要最大发挥这款插件的价值,仅凭默认的配置是不行的,还需要结合脚本使用。换句话说,需要自己会用 js 开发一些脚本,如同开发一款简易版的 vs code 插件,来实现对应的功能。

下面,就来看介绍一下这款插件的基本使用和优点吧!

安装

我相信,对于使用过 VS Code 的同学来说,安装插件是一件再容易不过的事情。

安装插件的方法主要有两种:

方法 1:手动安装

点击左侧的活动栏上的扩展图标,然后搜索 powertools,点击安装即可。

方法 2:命令安装

使用快捷键 Ctrl+P,输入命令 ext install vscode-powertools,点击 Enter 键就可以安装插件。

如果上述两种方式走不通,也可以访问访问网页端插件市场 [1],搜索对应的插件安装即可。

powertools

既然能够被称为瑞士军刀,那么它的功能自然就会非常丰富。

这款插件的功能大体可以分为如下几类:

  • 应用

  • 按钮

  • 命令

  • 事件

  • 工具

下面就分别来介绍一下。

应用

这里所说的应用是基于 Node.js 的脚本,可通过 Web 视图运行,并且还可以与 Visual Studio Code 实例进行交互。

创建应用只需要如下 3 步:

  1. 点击按键 F1 或者 Ctrl+Shift+P

  2. 选择 Power Tools: Apps

  3. 选择 Create App ...

输入对应应用的名称就完成了一款应用的创建,然后再执行前面的 1~2 步,第 3 步选择 Open App ... 就可以打开初始化的应用。

这对于很多使用 Vue 开发前端的同学能够提供很大便利。

按钮

在开发过程中,会有很多重复性的动作,例如,执行某个 Python 脚本、运行某个 shell 脚本。我们没有必要再去打开终端进入对应的工程目录,执行对应的任务或者 shell 脚本,通过添加 1 个 vs code 快捷按钮就可以实现一项繁琐且频繁用到的功能。

使用按钮功能,需要配置一下 vs code 的配置文件 settings.json,

{"ego.power-tools": {"buttons": [{"text": "Click me!","tooltip": "You run an awesome script by clicking that button!","action": {"type": "script","script": "my_button.js"}}]}
}

在上述配置中可以看出,这个按钮名称为 Click me!,它执行了一个脚本 my_button.js,然后来看一下这个 js 脚本的内容,

exports.execute = async (args) => {// args => https://egodigital.github.io/vscode-powertools/api/interfaces/_contracts_.buttonactionscriptarguments.html// s. https://code.visualstudio.com/api/references/vscode-apiconst vscode = args.require('vscode');vscode.window.showInformationMessage('Hey, you clicked me!');
};

这个脚本的功能就是弹出一个消息框,下面来看一下效果。

命令

为了增强 VS Code 的功能,可以自定义一个命令,这样的话就可以在 VS Code 任何位置都可以调用。

和按钮一样,需要首先配置一下 settings.json

{"ego.power-tools": {"commands": {"myCommand": {"script": "my_command.js","button": {"text": "Click here to start the command."}}}}
}

然后,创建一个 js 脚本,

exports.execute = async (args) => {// args => https://egodigital.github.io/vscode-powertools/api/interfaces/_contracts_.workspacecommandscriptarguments.html// s. https://code.visualstudio.com/api/references/vscode-apiconst vscode = args.require('vscode');vscode.window.showInformationMessage(`Hello, from '${ args.command }'!`);
};

下面来看一下效果,

详细的函数列表可以使用命令 $help 查看,也可以访问链接 [2] 了解一下。

事件

我觉得这是 powertools 这些功能中较为实用的一项,通过配置 powertools,可以对我们在 vs code 中的一系列事件作出相应的反应。例如,当文件修改或者删除时能够提示到开发人员。

下面来看一下例子,

{"ego.power-tools": {"events": [{"type": "file.changed","files": [ "**/*.txt" ],"exclude": [ "/test2.txt" ],"action": {"script": "my_event.js","type": "script"}}]}
}

然后是脚本 my_event.js

exports.execute = async (args) => {// args => https://egodigital.github.io/vscode-powertools/api/interfaces/_contracts_.filechangeeventactionscriptarguments.htmlconst path = require('path');// s. https://code.visualstudio.com/api/references/vscode-apiconst vscode = args.require('vscode');vscode.window.showInformationMessage(`The following file has changed: ${ path.relative(__dirname + '/..',args.file.fsPath)}`);
};

这样,当文件修改时,就会得到相应的提示,下面看一下演示效果,

工具

重头戏来了!

前面提到的那些功能还是存在一定的门槛,对于喜欢尝试和挑战的同学是不错的功能。但是,对于仅仅想体验它功能的同学却显得枯燥乏味。

既然,powertools 能够称得上插件领域的瑞士军刀,那么它当然不能仅包含前面这些功能。

powertools 内置了很多丰富而且实用的函数模块,这些函数的使用方式分为如下几个步骤:

  1. 点击按键 F1 或者 Ctrl+Shift+P

  2. 选择 Power Tools: Tools

  3. 选择 Code Execution ...

然后就可以输入对应的函数即可。

powertools 支持哪些函数?

执行上述 1~3 步,然后输入 $help,就可以列出 powertools 支持的函数列表。

因为,powertools 支持的函数和模块较多,无法一一介绍,所以就挑 3 个介绍一下。

计算器

执行前面 1~3 步,输入需要计算的数学公式就可以弹出计算结果,

Base64 编码

Base64 是网络上最常见的用于传输 8Bit 字节码的编码方式之一,在数据的加解密中经常会用到。在 powertools 中能够轻松的对字符串进行 Base64 编码。

示例

$base64("mkloubert:P@ssword123!")

搜索表情

输入对应的关键字,powertools 就可以返回相关 emojis 表情列表。

示例

$emojis("heart")

结语

除了本文介绍的应用、按钮、命令、事件、工具这些功能,powertools 还可以用于执行定时作业脚本启动、用于定义动态设置的占位符,感兴趣的同学可以摸索尝试一下这些功能。

参考资料

[1]

网页端插件市场: https://marketplace.visualstudio.com/vscode

[2]

链接: https://github.com/egodigital/vscode-powertools/wiki/Tools

---由 GitHubDaily 原班人马打造的公众号:GitCube,现已正式上线!
接下来我们将会在该公众号上,为大家分享优质的计算机学习资源与开发者工具,坚持每天一篇原创文章的输出,感兴趣的小伙伴可以关注一下哈!

这篇关于插件界的瑞士军刀,VSCode 已经无所不能!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/532025

相关文章

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机

CnPlugin是PL/SQL Developer工具插件使用教程

《CnPlugin是PL/SQLDeveloper工具插件使用教程》:本文主要介绍CnPlugin是PL/SQLDeveloper工具插件使用教程,具有很好的参考价值,希望对大家有所帮助,如有错... 目录PL/SQL Developer工具插件使用安装拷贝文件配置总结PL/SQL Developer工具插

VSCode设置python SDK路径的实现步骤

《VSCode设置pythonSDK路径的实现步骤》本文主要介绍了VSCode设置pythonSDK路径的实现步骤,包括命令面板切换、settings.json配置、环境变量及虚拟环境处理,具有一定... 目录一、通过命令面板快速切换(推荐方法)二、通过 settings.json 配置(项目级/全局)三、

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

maven中的maven-antrun-plugin插件示例详解

《maven中的maven-antrun-plugin插件示例详解》maven-antrun-plugin是Maven生态中一个强大的工具,尤其适合需要复用Ant脚本或实现复杂构建逻辑的场景... 目录1. 核心功能2. 典型使用场景3. 配置示例4. 关键配置项5. 优缺点分析6. 最佳实践7. 常见问题

MyBatis分页插件PageHelper深度解析与实践指南

《MyBatis分页插件PageHelper深度解析与实践指南》在数据库操作中,分页查询是最常见的需求之一,传统的分页方式通常有两种内存分页和SQL分页,MyBatis作为优秀的ORM框架,本身并未提... 目录1. 为什么需要分页插件?2. PageHelper简介3. PageHelper集成与配置3.

Maven 插件配置分层架构深度解析

《Maven插件配置分层架构深度解析》:本文主要介绍Maven插件配置分层架构深度解析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Maven 插件配置分层架构深度解析引言:当构建逻辑遇上复杂配置第一章 Maven插件配置的三重境界1.1 插件配置的拓扑

Idea插件MybatisX失效的问题解决

《Idea插件MybatisX失效的问题解决》:本文主要介绍Idea插件MybatisX失效的问题解决,详细的介绍了4种问题的解决方法,具有一定的参考价值,感兴趣的可以了解一下... 目录一、重启idea或者卸载重装MyBATis插件(无需多言)二、检查.XML文件与.Java(该文件后缀Idea可能会隐藏

VSCode中配置node.js的实现示例

《VSCode中配置node.js的实现示例》本文主要介绍了VSCode中配置node.js的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一.node.js下载安装教程二.配置npm三.配置环境变量四.VSCode配置五.心得一.no

vscode不能打开终端问题的解决办法

《vscode不能打开终端问题的解决办法》:本文主要介绍vscode不能打开终端问题的解决办法,问题的根源是Windows的安全软件限制了PowerShell的运行,而VSCode默认使用Powe... 遇到vscode不能打开终端问题,一直以为是安全软件限制问题,也没搜到解决方案,因为影响也不大,就没有管