webstorm下载插件_webpack 插件

webstorm下载插件_webpack 插件2016年整理了一下自己常用的webstorm插件:webstorm常用插件集合不过毕竟现在已经2020年了,常用的插件已经发生了一些变化,重新整理一下。


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

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

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

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

一、必装

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

Material Theme UI

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

.ignore

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

ignore

CodeGlance

sublime 和 vscode 都默认会在编辑器右侧显示代码缩略图,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 提交格式之前,都是直接用 webstorm 的 git gui 来提交,有规范要求之后,用命令行工具来规范化 git 提交,但是命令行 git add 部分文件不太方便,用这个插件就美滋滋了。

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

cmd + k 唤出提交弹窗:

image-20200703174618046

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

Go Template

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

JS GraphQL

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

Nginx Support

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

Nyan Progress Bar

webstorm下载插件_webpack 插件

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

RainBow Brackets

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

Atom Material Icons

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

Protobuf Support && Protocol Buffer Editor

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

Kubernetes

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

三、建议

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/195479.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • python里字符串转数字_c 字符串转数字

    python里字符串转数字_c 字符串转数字python数字转字符串的实现方法:1、使用格式化字符串,语句如“tt=322tem=’%d’%tt”;2、通过“str(5)”方法实现转换。推荐:《python教程》数字转成字符串方法一:使用格式化字符串:tt=322tem=’%d’%tttem即为tt转换成的字符串常用的格式化字符串:%d整数%f%F浮点数%e%E科学计数%g%Ge和%f/%E和%F的简写%%输出%格式化…

    2022年10月12日
  • H5文件读取_如何用电脑读取手机文件

    H5文件读取_如何用电脑读取手机文件H5文件读取:importtorch.utils.dataasdataimporttorchimporth5pyclassDatasetFromHdf5(data.Dataset):def__init__(self,file_path):super(DatasetFromHdf5,self).__init__()hf=h5py.File(file_path)self.data=hf.get(‘data’)

    2022年9月9日
  • kindeditor自定义上传文件的路径[通俗易懂]

    kindeditor自定义上传文件的路径[通俗易懂]先上一张图这个项目是tp5.0做的,网站定义入口文件在public下,所以根目录下就是hook,static,upload三个文件夹。找到upload_json.php修改文件保存路径和保存目录就ok了;不骗你,再来张。…

    2022年9月13日
  • 企业发卡网源码_多商户企业发卡网源码代对接功能搭建下载

    企业发卡网源码_多商户企业发卡网源码代对接功能搭建下载企业发卡网源码是相对于个人发卡网源码而言的,两者最大的区别是:前者适用于多用户虚拟自动售卡,后者适用于单个个体商户,这就相当于商城与单个店铺的区别。企业发卡网源码集成了一套复杂的管理系统,这其中包括:

    2022年7月1日
  • Python运维常用的脚本,提高工作效率就靠它了

    Python运维常用的脚本,提高工作效率就靠它了前言用Python做运维的小伙伴肯定会进行重复的工作,这个时候脚本的重要性就体现出来了一个好的脚本工具可以帮你省去很多重复的工作,创造更大的价值下面小编就带你们看看Python运维最常用的脚本吧清除指定redis缓存#!/usr/bin/envpython3#-*-coding:utf-8-*-#@Time:2018-12-2015:19…

    2022年7月12日
  • es6数组方法总结

    es6数组方法总结1、for循环2、foreach(es5)3、map(es5)4、some5、every6、filter功能需求:扫码枪扫商品去判断当前护理项目下面是否存在这个商品如果有那么就存在前端的集合里面如果没有则提醒没有此商品护理项目会有多个会存在多个护理项目下面存在相同的商品需要核销判断此商品是否存在我是用的some方法letnewAry=_this.goodsList.some(n=>{ letres=n.goodsList.some(r=&.

    2022年5月2日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号