WebStorm:常用插件(全部实用)包含主题、界面、开发效率等

article/2025/10/5 19:52:36

一、主题插件

Material Theme UI

推荐原因:这款插件不仅可以设置主题,还可以设置其他 UI界面

注意:安装完成之后,记得一定要重启一下WebStorm。

这款主题的设置:Settings —> Appearance & Behavior —> Material Theme

也可以直接搜索:Material 也是可以找到的。

第一,设置主题

这里很推荐这款主题:Atom One Dark (这款主题是目前我所用到的最舒服的一个主题)

第二,设置 Tab 栏的高度

找到下面的 Tabs  ——>  Tab Height ,设置为 26,这个高度是我平时开发觉得的最舒服的高度。

第三,设置 UI 的紧凑

找到下面的 Compact ,勾选 Compact Statusbar 和 Compact Menus ,这个紧凑度最舒服。

 第四,其他的设置

找到下面的 Components ,勾选 Accent Scrollbars 、 Transparent Scrollbars 和 Tabs Shadow,这个设置最舒适。


Atom Material Icons

推荐原因:这款插件不仅支持很多不同类型的文件图标,还支持设置文件夹图标

 注意:安装完成之后,记得一定要重启一下WebStorm。

这款主题的设置:Settings —> Appearance & Behavior —> Atom Material Icons Setting

也可以直接搜索:Material 也是可以找到的。

勾选一下几个选项就是最适合的配置了。

Enable File Icons 文件图标

Enable Directory Icons 目录图标

Enable UI Icons  顶部UI 图标

注意:顶部UI图标指的是下面这些


字体 JetBrains Mono

 推荐原因:程序员专用字体。

注意:新版 WebStorm自带这款字体。



 二、效率插件

Rainbow Brackets

推荐理由:用各种鲜明的颜色显示括号,这样可以很容易分清楚括号配对问题。


 CodeGlance2 

推荐理由:让右侧显示当前文件中代码缩略图。


Key promoter

推荐理由:只要是鼠标操作能够用快捷键替代的,Key Promoter 会弹出提示框,告知你用什么快捷键替代。


Translation

推荐理由:不仅可以翻译一些陌生单词的意思,还可以在取名字的时候不知道怎么取的时候,可以通过右键翻译并替换,就可以自动替换想要的名字。(快捷键:ctrl + shift + X)



三、WebStorm的小设置 

设置默认内存

推荐:装上 Webstorm 第一件事就是改默认内存,可以在 .vmoptions 设置文件里手动改,也可以在 Help  —>  Change Memory Settings 中更改,建议设置为 4096 或者更高一点。


设置同步配置

推荐:将你的配置与你的账户绑定,这样无论在哪个电脑使用都是相同的配置和快捷键。



更多等待更新...... 

各位有什么好的插件也可以留言推荐给我哈~~~

文档编辑测试不易,来个三连呗


http://chatgpt.dhexx.cn/article/9GulFQHg.shtml

相关文章

2020北航计算机夏令营机试题目讲解

一、二叉树(60分)   给你一个整数序列,用这些数构成一个完全二叉排序树,输出此二叉树的层序遍历序列。   输入的第一行是一个整数n,表示这个整数序列的长度,输入的第二行包含n个整数,每个数代表完全二叉排序树的一…

数说CS|北航计算机保研生源大起底!

1、院校介绍 北京航空航天大学自1958年建立计算机专业以来已走过了60年的发展历程,目前有4个专业:计算机科学与技术、软件工程、网络空间安全、计算机技术(专硕)(含非全)。 2017年全国一级学科评估中,计算机科学与技…

北航:2018年计算机学院研究生推免机试第一题

同时也是PAT甲级1024 1024 Palindromic Number (25)(25 分) A number that will be the same when it is written forwards or backwards is known as a Palindromic Number. For example, 1234321 is a palindromic number. All single digit numbers …

北航计算机学院往年夏令营+预推免机试题目汇总

北航计算机学院硕士复试机经面经: 北航计算机学院往年夏令营预推免机试题目汇总 北航计算机学院往年夏令营考研面试题目汇总 北航计算机学院往年夏令营考研面试数理题目汇总 以下是我在网络上找到的北航计算机学院往年夏令营预推免机试题目,将其汇总到一…

北京航空航天大学计算机考研信息汇总

原文转载于:http://www.noobdream.com/schoolinfo/20/ 北京航空航天大学计算机学院官网 北京航空航天大学软件学院官网 北京航空航天大学网络空间安全学院官网 北京航空航天大学(Beihang University),简称北航,由…

北航计算机2018年保研推免经历

最近没怎么写博客,是因为忙于保研的事情,今天只睡了5个小时一大清早就去第一个面了计算机,下午出了预录取名单,晚上上保研系统确定了志愿,可以说稍微有些宽下心来了。 我是从本校软件学院推免到计算机学院。 先上图 …

2022年北京航空航天大学计算机考研复试分数线

北京航空航天大学简称“北航”,2022年研招初试已经结束了,对于参加本次研究生的考生而言,提前了解下计算机考研复试分数线,可以让自己心里有个底。不过根据往年研招复试分数线公布时间来看,预计2022年3月中下旬考研复试…

北航计算机学院往年夏令营+考研面试数理题目汇总

北航计算机学院硕士复试机经面经: 北航计算机学院往年夏令营预推免机试题目汇总 北航计算机学院往年夏令营考研面试题目汇总 北航计算机学院往年夏令营考研面试数理题目汇总 以下是笔者汇总的北航计算机学院往年夏令营考研面试数理题目。 线代 矩阵的范数 我们可以…

北航计算机学院往年夏令营+考研面试题目汇总

北航计算机学院硕士复试机经面经: 北航计算机学院往年夏令营预推免机试题目汇总 北航计算机学院往年夏令营考研面试题目汇总 北航计算机学院往年夏令营考研面试数理题目汇总 以下是我在网络上找到的北航计算机学院往年面试题目,将其汇总到一篇文章&…

【已更新】北航计算机学院考研知识点总结(专业课961)

#文档整理不易,有偿资料详讯wechat:_129Ww 961复习要点 文章目录 961复习要点计组概述计算机组成与结构概述基本组成计算机的功能 计算机中数的表示基本约束:采用二进制,只有0和1 计算机的基本工作过程 总线与输入输出控制方式总…

北航计算机考研经验_2018届考研

北航计算机考研经验 标签(空格分隔): 考研 我报的是计算机专硕,不分方向。初试347分,其中政治72,英语67,数学114,专业课94。2018年专硕复试线290分/学硕310分;我347分排…

2024北京航空航天大学计算机考研信息汇总

北京航空航天大学计算机学院官网 北京航空航天大学软件学院官网 北京航空航天大学网络空间安全学院官网 北京航空航天大学(Beihang University),简称北航,由中华人民共和国工业和信息化部直属,中央直管副部级建制…

北京航空航天大学计算机考研资料汇总

北京航空航天大学计算机学院官网 北京航空航天大学软件学院官网 北京航空航天大学网络空间安全学院官网 北京航空航天大学(Beihang University),简称北航,由中华人民共和国工业和信息化部直属,中央直管副部级建制…

炸了!软件工程超高报录比31:1,北京航空航天大学,连非全都有近千人报考!...

北航研招办官微公布了报考北航的数据: 图片来源:北航研招办官微 https://mp.weixin.qq.com/s/48uNAUnRYGkqkX6sn5rV-A 北航全校一共报考16269人(截至10月30日) 我这边找到了北航的招生目录,其中包含了招生人数&#xf…

2023北京航空航天大学计算机考研信息汇总

原文转载于:北京航空航天大学 N诺小程序 - 计算机学习考研必备神器 北京航空航天大学计算机学院官网 北京航空航天大学软件学院官网 北京航空航天大学网络空间安全学院官网 北京航空航天大学(Beihang University),简称北航…

idea全局搜索文件

在idea中全局搜索CTRLshirtF有時候會不管用 可以直接嘗試下面的方法

linux在终端找文件,在Linux Shell上查找文件的四种方法

众所周知,Linux是极客和开发人员最常使用的操作系统,他们大多是键盘手,并且喜欢编写命令而不是使用图形用户界面(GUI)。与Windows操作系统不同,在Windows中,大多数工作只需单击几下即可完成,而在Linux中,我们拥有用于基本文件操作,文件压缩或提取等所有功能的命令。这些…

易语言从c盘开始搜索文件,全盘搜索查找指定文件

全盘搜索查找指定文件 易语言学习论坛-近在眼前.版本 2 .支持库 iext .子程序 _按钮1_被单击 .局部变量 目录, 文本型 .局部变量 所有盘符, 字节集 .局部变量 盘符, 字节集, , "0" .局部变量 返回值, 整数型 .局部变量 索引, 整数型 编辑框2.内容 = “” …

查找文件的路径

一.whereis,which,locate命令 1.whereis 是搜索系统命令的命令(像绕口令一样),也就是说, whereis 命令不能搜索普通文件, 而只能搜索系统命令。 whereis 命令的基本信息如下 所在路径&#xf…

dos命令查找文件

介绍一种处理带空格文件名的简单方法,以查找news script.docx为例 首先用cd /语句将当前位置返回到根目录下,然后利用dir [文件名] /s 语句对文件进行搜索。然而,当文件名含有空格时,会出现如下错误。 这个错误是文件中含有空格导…