当前位置:首页 > 技术分析 > 正文内容

高手呀!可以提高效率优化界面的WebStorm插件完整版在此

ruisui882个月前 (04-08)技术分析31

借助WebStorm,您无需安装任何其他插件即可直接工作-所有核心功能立即可用。但是,如果您希望自己的编码工具更加个性化或者需要一些额外的功能,该怎么办?在此文中,我们将介绍用于JetBrains IDE开发的一些最方便的插件。所有这些插件都与其他JetBrains IDE兼容,例如PhpStorm和IntelliJ IDEA Ultimate,并且可以从“Preferences/Settings | Plugins中安装。当然,这并不是所有可用插件的详尽列表,因为我们的资源库中有数百个插件。如果这里没有您喜欢的插件,请在评论中告诉我们。

Theme plugins

如果您正在寻找默认IDE主题之外的主题,您可以选择多种自定义主题。最受欢迎的主题包括Material Theme UI(,One Dark,Gradianto和Dark Purple。如果现有主题都不适合您的需求,那么您也可以创建自己的主题。

安装后,主题在Preferences/Settings | Appearance & Behavior | Appearance中。

Key Promoter X

尽管以键盘为中心可以极大地提高工作效率,但要适应所有新的快捷键组合从来都不是一件容易的事。Key Promoter X插件有助于使此过程不再那么困难。当您在IDE内的按钮上使用鼠标时,它会向您显示您本可以使用的键盘快捷键。对于没有快捷方式的按钮,插件建议分配一个。所有这些帮助您越来越少地依赖鼠标,因此最终可以更快地进行编码。

Key Promoter X

Rainbow Brackets

该插件对每对括号进行颜色编码,如果您正在努力确定每个代码块的起始和结束位置,则它可以为您提供帮助。

Rainbow Brackets

使用默认颜色时,该插件与深色主题结合使用时效果更好。如果您使用的是浅色主题或想尝试使用默认主题,则可以创建自己的配色方案。您可以在Preferences/Settings | Editor | Color Scheme | Rainbow Brackets.中执行此操作。

Indent Rainbow

该插件就像Rainbow Brackets一样,但用于缩进。其主要目的是使缩进更易读。如果使用了错误的缩进,该插件将以红色突出显示该行,从而帮助您更快地定位到缩进问题。

indent-rainbow

就像彩虹支架一样,默认颜色在深色主题下效果更好。您可以在Preferences/Settings | Other Settings | Indent Rainbow 中使用缩进颜色的透明度。使其更适合轻主题或您的特定需求。

Nyan Progress Bar

想要使进度条看起来更好一点吗?Nyan Progress Bar插件可以帮助您。

webstorm-nyan-progress-bar

如果您不喜欢Nyan Cat,但仍然喜欢自定义进度条的想法,则可以使用几种替代方法,例如Hadouken和Duck Progress Bar插件。

String Manipulation

如果您需要对高级文本处理操作(例如从camelCase切换为kebab-lowercase)的支持,则可以使用String Manipulation插件。

String Manipulation

Quick File Preview

该插件可以帮助您加快浏览每个文件内容的过程。具体来说,您可以通过在项目视图中选择项目文件,从而在编辑器中预览它们。

webstorm-quick-file-preview

Atom Material Icons

想要使用更多彩色图标增亮您的主题吗?Atom材质图标插件可在此处提供帮助。

Atom Material Icons

另外,您也可以尝试使用Extra Icons插件。但是,请记住,它支持较少的与JavaScript相关的图标。

Codota

如果您想尝试基于AI的代码完成功能,那么Codota插件是一个不错的起点。它使WebStorm的完成建议更加相关,从而进一步提高了编码速度。


如果您决定尝试使用Codota,请记住启用深度完成选项,即表示您同意向服务器发送 一些其他信息。

AceJump

如果您想尝试导航功能,可以尝试使用AceJump插件。它使您仅需几次按键就可以跳到编辑器中的任何符号。要了解有关此插件如何工作的更多信息,请浏览此处的详细使用说明。

acejump

IDEA Mind Map

喜欢用思维导图来组织您的想法吗?然后,您会发现IDEA思维导图插件很有用,因为它使您可以创建和编辑MMD文件表示的思维导图。

IDEA Mind Map

Randomness

如果您总是为项目提供一些随机数据,那么此插件非常适合您。它允许您插入随机数,字符串和UUID。

randomness

要插入随机数据,请按Alt + R并选择要插入的数据类型。每次使用该操作时,都会插入一个不同的值。

Presentation Assistant

是否需要出席公司活动,录制截屏视频或进行配对编程?安装Presentation Assistant插件,该插件将显示您正在使用的快捷方式,并使观众更容易跟随您的操作。

Presentation Assistant

这就是我们今天的内容了。您最喜欢的WebStorm插件是什么?可以在下面的评论中分享您的想法!
点击下方“
了解更多”获取更多教程!

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3351.html

标签: kebab-case
分享给朋友:

“高手呀!可以提高效率优化界面的WebStorm插件完整版在此” 的相关文章

学无止境:Git 如何优雅地回退代码

来源:https://zhenbianshu.github.io前言从接触编程就开始使用 Git 进行代码管理,先是自己玩 Github,又在工作中使用 Gitlab,虽然使用时间挺长,可是也只进行一些常用操作,如推拉代码、提交、合并等,更复杂的操作没有使用过,看过的教程也逐渐淡忘了,有些对不起 L...

gitlab简单搭建与应用

一、gitlab1、简介GitLab是利用Ruby on Rails一个开源的版本管理系统,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目。与Github类似,GitLab能够浏览源代码,管理缺陷和注释。可以管理团队对仓库的访问,它非常易于浏览提交过的版本并提供一个文件历...

基于Spring Cloud+VUE的多租户小程序商城源码「快速二开可商用」

一、系统介绍JooLun平台是一个专注微信快速二开系统研发的平台,采用Java语言开发,使用的是最新微服务前后端分离技术,目前有公众号和小程序商城两个版本,有公众号后台管理、小程序商城。基于Spring Cloud微服务+VUE实现的核心框架多租户小程序商城源码,核心框架采用SpringBoot2+...

微信研发新功能,或许有你最期待的

微信在我们日常社交中担任着非常重要的角色,不管是用于学习还是工作,我们越来越离不开微信,微信的任何一个小的变化都会影响到现如今超过12亿的微信用户。就在前一段时间,微信更新了一个“拍一拍”的功能,只要双击好友头像,头像就会有抖动并带有文字提示,一时间众多网友在朋友圈疯狂刷屏,虽然觉得这个功能毫无用处...

tcp协议的六个标识位

6个标识位:1.URG 紧急指针,告诉接收TCP模块紧要指针域指着紧要数据。2.ACK 置1时表示确认号(为合法,为0的时候表示数据段不包含确认信息,确认号被忽略。3.PSH 置1时请求的数据段在接收方得到后就可直接送到应用程序,而不必等到缓冲区满时才传送。4.RST 置1时重建连接。如果接收到RS...

什么是vue脚手架

Vue脚手架是一个用于快速构建Vue.js项目的工具。它提供了一个基本的项目结构和一些常用的开发工具和配置,使开发者能够更快速地开始一个新的Vue.js项目,并且能够更高效地进行开发和调试。Vue脚手架的主要功能包括:1. 项目结构:Vue脚手架提供了一个基本的项目结构,包括源代码目录、静态资源目录...