WebStorm 超好用的10款插件,效率提升了好多!

简介: WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

今天主要跟大家介绍这款软件的10款最好用的插件,分享给大家!Ps:本篇介绍的大部分插件,IntelliJ IDEA 上也基本都可以使用!


1、CodeGlance

过 sublime 的同学会知道右侧有一个当前文件中代码的缩略图,这个插件可以让 webstorm 也具有此功能。

36.jpg

2、Rainbow Brackets

最近在Jetbrains IDEA插件网站逛发现了 Rainbow Brackets这款插件,非常棒,推荐给大家。

可以实现配对括号相同颜色,并且实现选中区域代码高亮的功能。


对增强写代码的有趣性和排错等都有一些帮助。

https://plugins.jetbrains.com/plugin/10080-rainbow-brackets

37.jpg38.jpg

3、.ignore

在使用git的时候,经常会碰到一些不想提交的文件,这个时候就需要用到.gitignore文件了。


.gitignore不需要完全从头自己写,github提供了一系列配置模板,链接如下:

https://github.com/github/gitignore


使用.ignore插件更方便的生成.gitignore文件

39.jpg

4、ideaVim

IdeaVim是一款插件,可以让 webstorm 编辑器支持 vim ,提高了我们写代码的速度,对代码的跳转,查找也很友好。

40.jpg


5、AceJump

Ace Jump是一种从emacs上借鉴过来的快速光标跳转方式,操作方式是:你用某个快捷键进入Ace Jump模式后,再按任一个键,当前屏幕中所有该字符都被打上一个字母标记,你只要按这个字母,光标就会跳转到这个字符上。这种跳转方式非常实用,你根本不用管当前光标在什么位置,眼睛只需要盯着需要跳转到的位置,最多三四下按键就能准确把光标定位,开始编辑。

41.jpg

6、Key promoter

Key Promoter 是一个提示插件,当你在IDEA里面使用鼠标的时候,如果这个鼠标操作是能够用快捷键替代的,那么Key Promoter 会弹出一个提示框,告知你这个鼠标操作可以用什么快捷键替代。对于想完全使用快捷键在IDEA的,这个插件就很有用。

42.jpg

7、Markdown

让编辑器支持 markdown 语法,程序员的最爱!

43.jpg

8、Material Theme UI

俗话说,工欲善其事必先利其器。工具的颜值也很重要,好的主题让人赏心悦目,有码代码的欲望。今天推荐一个IDEA颜值类插件:Material Theme UI

44.jpg

9、SVNToolBox

要使用svn版本控制,可以使用这个插件,版本控制是程序员必备的技能之一了 。在Webstorm中安装“SVNToolBox”插件,大家可以去网上教程搜索一下,非常多 。

45.jpg

10、activate-power-mode

这种粒子+抖动效果是用activate-power-mode插件实现的,简直就是装逼神器。有开发者将此插件移植到了webstorm中。

下载activate-power-mode插件安装包:

https://plugins.jetbrains.com/plugin/8330-activate-power-mode


46.gif

到这里,今天这个WebStorm 超好用的10款插件就分享完了。不知道你心动了吗?快去试试吧!如果有更好的插件,欢迎在留言区分享!

相关文章
|
前端开发 开发工具 Android开发
好用不卡,这些插件和配置让你的 Webstorm 更牛逼!(下)
作为前端开发者,最趁手的搬砖工具无外乎 Webstorm 和 VSCode,Webstorm 像苹果系统,闭源、收费、官方有良好而强大的开发能力、智能索引和补全功能无出其右者,VSCode 就像安卓,开源、持续迭代更新、社区充满活力。 Webstorm 的 2021.3 版更新后,以往卡顿的情况缓解了很多,就算重新安装 node_modules 也不会像以前一样卡死半天,因为卡顿退坑 Webstorm 的小伙伴可以回来看看 😂 在下使用 Webstorm 较多,总结了一些不错的插件和实用 Tips,希望能帮到你~
好用不卡,这些插件和配置让你的 Webstorm 更牛逼!(下)
|
机器学习/深度学习 JavaScript 前端开发
好用不卡,这些插件和配置让你的 Webstorm 更牛逼!(上)
作为前端开发者,最趁手的搬砖工具无外乎 Webstorm 和 VSCode,Webstorm 像苹果系统,闭源、收费、官方有良好而强大的开发能力、智能索引和补全功能无出其右者,VSCode 就像安卓,开源、持续迭代更新、社区充满活力。 Webstorm 的 2021.3 版更新后,以往卡顿的情况缓解了很多,就算重新安装 node_modules 也不会像以前一样卡死半天,因为卡顿退坑 Webstorm 的小伙伴可以回来看看 😂 在下使用 Webstorm 较多,总结了一些不错的插件和实用 Tips,希望能帮到你~
好用不卡,这些插件和配置让你的 Webstorm 更牛逼!(上)
|
前端开发 索引
Webstorm配置CSS/SCSS自动补全兼容前缀autoprefixer插件
关于Autoprefixer Autoprefixer是一个后处理程序,不象Sass以及Stylus之类的预处理器。它适用于普通的CSS,可以实现css3代码自动补全。也可以轻松跟Sass,LESS及Stylus集成,在CSS编译前或编译后运行。
2681 0
|
JavaScript
webstorm添加vue插件支持
现在已经有vue.js的插件啦,setting --> plugins 就可以咯------------------------------------------------Mac端WebStorm用户。
1693 0
|
6月前
|
JavaScript
使用Webstorm快速启动Vue项目配置
使用Webstorm快速启动Vue项目配置
68 0
|
7月前
|
JavaScript
WebStorm配置代码模板【以vue模板为例,提供vue代码模板】
WebStorm配置代码模板【以vue模板为例,提供vue代码模板】
80 0
|
12月前
|
前端开发
《智能前端技术与实践》——第1章 开发环境配置——1.5 使用 WebStorm
《智能前端技术与实践》——第1章 开发环境配置——1.5 使用 WebStorm
|
12月前
|
前端开发 JavaScript IDE
JavaScript-WebStorm中配置Github并将代码托管到Github
JavaScript-WebStorm中配置Github并将代码托管到Github
75 0
|
JavaScript 前端开发
WebStorm配置【设置左侧及其代码编辑区最舒服的字体】
WebStorm配置【设置左侧及其代码编辑区最舒服的字体】
476 0
WebStorm配置【设置左侧及其代码编辑区最舒服的字体】
|
存储 前端开发 安全
小马带你认识前端开发神器WebStorm(WebStorm及Git的相关配置与使用)
小马带你认识前端开发神器WebStorm(WebStorm及Git的相关配置与使用)
318 1
小马带你认识前端开发神器WebStorm(WebStorm及Git的相关配置与使用)