webstorm常用插件集合()

时间:2024-04-01 17:48:35

点击直接在我的博客中阅读,有更好的排版:https://xuxusheng.com

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

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

一、必装

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

Material Theme UI

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LG4X1dO4-1594352619614)(https://i.loli.net/2020/07/03/6NQGktLyUcdBZYo.png)]

.ignore

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

webstorm常用插件集合(2020)

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 查找到对应的命令然后回车,麻烦),单行代码后面显示提交信息等等。

webstorm常用插件集合(2020)

二、选装

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

.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 唤出提交弹窗:

webstorm常用插件集合(2020)

点击上面图中的按钮后,可以选择本次提交的一些相关信息,然后会自动生成提交内容:
webstorm常用插件集合(2020)

Go Template

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

JS GraphQL

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

Nginx Support

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

Nyan Progress Bar

webstorm常用插件集合(2020)

看头像就能知道,这是个非常魔性的插件,可以让你的进度条,变成彩虹小猫????
webstorm常用插件集合(2020)

RainBow Brackets

可以把括号变成彩色的,更便于阅读。
webstorm常用插件集合(2020)

Atom Material Icons

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

Protobuf Support && Protocol Buffer Editor

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

Kubernetes

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

三、建议

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