webstorm常用插件集合(2020)_webstorm 标签闭合插件-程序员宅基地

技术标签: webstorm  编辑器  

CSDN 中文章可能更新不及时,请前往我的博客查看最新版

2016 年整理了一下自己常用的 webstorm 插件:webstorm常用插件集合

不过毕竟现在已经 2020 年了,常用的插件已经发生了一些变化,重新整理一下。

一、必装

这一部分是建议一定要装的插件,对开发体验或工作效率有较大提升的插件。

Material Theme UI

如果没有这个插件,webstorm 怕是会被很多人丑拒,用上之后配色还是很不错的,默认内置了多种配色,Preferences/Settings -> Appearance -> Material Theme 中可以进行切换。
在这里插入图片描述

.ignore

直接在文件列表中右键,可以快速根据模板生成一系列的 .ignore 文件,比如 .dockerignore.gitignore 等等。

ignore

CodeGlance

sublimevscode 都默认会在编辑器右侧显示代码缩略图,webstorm 需要自己装插件实现,这个插件就是用来干这个的。

代码缩略图的边缘还可以对宽度进行调整,很不错。

GitToolBox

官方描述是:

Extends Git Integration with additional features
Status display, auto fetch, inline blame annotation, commit dialog completion, behind notifications and more…

其实就是给 ide 扩展了一下 git 相关的功能,比如会自动帮你 fetch 最新的代码(我之前都是两下 shift,然后输入 fetch 查找到对应的命令然后回车,麻烦),单行代码后面显示提交信息等等。

git

二、选装

这一部分是选装的插件,针对特定的技术选型或者业务场景需要使用到的插件。

.env

装上之后,可以让 ide 支持对 .env 文件的语法高亮,代码提示等等。

Features

  • Environment variables completion for PHP, JavaScript, Python, Go and Ruby languages based on .env, Dockerfile and docker-compose.yml files.
  • Go to declaration(in .env file) and usages(in code), by Ctrl(Cmd)+click or hot key(Ctrl(Cmd)-B, etc.)
  • .env file syntax highlighter

Git Commit Template

用来很方便的格式化 git 提交的插件。

没有规范化 git 提交格式之前,都是直接用 webstormgit gui 来提交,有规范要求之后,用命令行工具来规范化 git 提交,但是命令行 git add 部分文件不太方便,用这个插件就美滋滋了。

git 提交规范可以参考:使用 commitizen 优化 git 提交

cmd + k 唤出提交弹窗:

image-20200703174618046

点击上面图中的按钮后,可以选择本次提交的一些相关信息,然后会自动生成提交内容:

Go Template

这个是用来支持 Golangtemplate 语法的插件,因为我们在 CI/CD 流程中用到了 template 的能力,所以装了这个插件。

JS GraphQL

如果你使用 GraphQL 的话,这是必装的插件,提供 GraphQL 文件的语法高亮,config 文件支持等等一系列功能。

Nginx Support

webstorm 默认不支持 nginx 配置文件的语法,装上这个插件之后就好啦,

Nyan Progress Bar

看头像就能知道,这是个非常魔性的插件,可以让你的进度条,变成彩虹小猫
image

RainBow Brackets

可以把括号变成彩色的,更便于阅读。
image

Atom Material Icons

换换侧边栏中各种文件类型对应的图标,顺手装上不会有错的。

Protobuf Support && Protocol Buffer Editor

如果使用 gRPC 或者其他用到了 Protobuf 的技术的话,这俩也是必装的,提供对 .proto 文件的语法提示和高亮。

Kubernetes

装上之后,就可以方便的查看 k8s 中的各种 yaml 文件了,如果不止需要查看,还需要编辑编辑啥的话,可以装 Cloud Code 插件。

三、建议

普通用户建议看喜好选择,组内同事建议全部安装。

如果对你有用的话,欢迎留言鼓励下我哦

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xs20691718/article/details/107247645

智能推荐

Docker 快速上手学习入门教程_docker菜鸟教程-程序员宅基地

文章浏览阅读2.5w次,点赞6次,收藏50次。官方解释是,docker 容器是机器上的沙盒进程,它与主机上的所有其他进程隔离。所以容器只是操作系统中被隔离开来的一个进程,所谓的容器化,其实也只是对操作系统进行欺骗的一种语法糖。_docker菜鸟教程

电脑技巧:Windows系统原版纯净软件必备的两个网站_msdn我告诉你-程序员宅基地

文章浏览阅读5.7k次,点赞3次,收藏14次。该如何避免的,今天小编给大家推荐两个下载Windows系统官方软件的资源网站,可以杜绝软件捆绑等行为。该站提供了丰富的Windows官方技术资源,比较重要的有MSDN技术资源文档库、官方工具和资源、应用程序、开发人员工具(Visual Studio 、SQLServer等等)、系统镜像、设计人员工具等。总的来说,这两个都是非常优秀的Windows系统镜像资源站,提供了丰富的Windows系统镜像资源,并且保证了资源的纯净和安全性,有需要的朋友可以去了解一下。这个非常实用的资源网站的创建者是国内的一个网友。_msdn我告诉你

vue2封装对话框el-dialog组件_<el-dialog 封装成组件 vue2-程序员宅基地

文章浏览阅读1.2k次。vue2封装对话框el-dialog组件_

MFC 文本框换行_c++ mfc同一框内输入二行怎么换行-程序员宅基地

文章浏览阅读4.7k次,点赞5次,收藏6次。MFC 文本框换行 标签: it mfc 文本框1.将Multiline属性设置为True2.换行是使用"\r\n" (宽字符串为L"\r\n")3.如果需要编辑并且按Enter键换行,还要将 Want Return 设置为 True4.如果需要垂直滚动条的话将Vertical Scroll属性设置为True,需要水平滚动条的话将Horizontal Scroll属性设_c++ mfc同一框内输入二行怎么换行

redis-desktop-manager无法连接redis-server的解决方法_redis-server doesn't support auth command or ismis-程序员宅基地

文章浏览阅读832次。检查Linux是否是否开启所需端口,默认为6379,若未打开,将其开启:以root用户执行iptables -I INPUT -p tcp --dport 6379 -j ACCEPT如果还是未能解决,修改redis.conf,修改主机地址:bind 192.168.85.**;然后使用该配置文件,重新启动Redis服务./redis-server redis.conf..._redis-server doesn't support auth command or ismisconfigured. try

实验四 数据选择器及其应用-程序员宅基地

文章浏览阅读4.9k次。济大数电实验报告_数据选择器及其应用

随便推点

灰色预测模型matlab_MATLAB实战|基于灰色预测河南省社会消费品零售总额预测-程序员宅基地

文章浏览阅读236次。1研究内容消费在生产中占据十分重要的地位,是生产的最终目的和动力,是保持省内经济稳定快速发展的核心要素。预测河南省社会消费品零售总额,是进行宏观经济调控和消费体制改变创新的基础,是河南省内人民对美好的全面和谐社会的追求的要求,保持河南省经济稳定和可持续发展具有重要意义。本文建立灰色预测模型,利用MATLAB软件,预测出2019年~2023年河南省社会消费品零售总额预测值分别为21881...._灰色预测模型用什么软件

log4qt-程序员宅基地

文章浏览阅读1.2k次。12.4-在Qt中使用Log4Qt输出Log文件,看这一篇就足够了一、为啥要使用第三方Log库,而不用平台自带的Log库二、Log4j系列库的功能介绍与基本概念三、Log4Qt库的基本介绍四、将Log4qt组装成为一个单独模块五、使用配置文件的方式配置Log4Qt六、使用代码的方式配置Log4Qt七、在Qt工程中引入Log4Qt库模块的方法八、获取示例中的源代码一、为啥要使用第三方Log库,而不用平台自带的Log库首先要说明的是,在平时开发和调试中开发平台自带的“打印输出”已经足够了。但_log4qt

100种思维模型之全局观思维模型-67_计算机中对于全局观的-程序员宅基地

文章浏览阅读786次。全局观思维模型,一个教我们由点到线,由线到面,再由面到体,不断的放大格局去思考问题的思维模型。_计算机中对于全局观的

线程间控制之CountDownLatch和CyclicBarrier使用介绍_countdownluach于cyclicbarrier的用法-程序员宅基地

文章浏览阅读330次。一、CountDownLatch介绍CountDownLatch采用减法计算;是一个同步辅助工具类和CyclicBarrier类功能类似,允许一个或多个线程等待,直到在其他线程中执行的一组操作完成。二、CountDownLatch俩种应用场景: 场景一:所有线程在等待开始信号(startSignal.await()),主流程发出开始信号通知,既执行startSignal.countDown()方法后;所有线程才开始执行;每个线程执行完发出做完信号,既执行do..._countdownluach于cyclicbarrier的用法

自动化监控系统Prometheus&Grafana_-自动化监控系统prometheus&grafana实战-程序员宅基地

文章浏览阅读508次。Prometheus 算是一个全能型选手,原生支持容器监控,当然监控传统应用也不是吃干饭的,所以就是容器和非容器他都支持,所有的监控系统都具备这个流程,_-自动化监控系统prometheus&grafana实战

React 组件封装之 Search 搜索_react search-程序员宅基地

文章浏览阅读4.7k次。输入关键字,可以通过键盘的搜索按钮完成搜索功能。_react search