webstorm 开发插件集合

这篇具有很好参考价值的文章主要介绍了webstorm 开发插件集合。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

下列插件均可在工具中的插件市场直接下载
官网安装插件教程:https://www.jetbrains.com
插件下载地址:https://plugins.jetbrains.com

一、开发工具美化

  1. 设置特定背景图片
    步骤: 文件 – 设置 – 如图
    webstorm 开发插件集合
    webstorm 开发插件集合
    就可以了

  2. 插件 Sexy Editor 更名为 Awesome Editor 我用来设置右下角的图 效果如下
    webstorm 开发插件集合
    设置步骤:由于设置的路径发生一定变化,如下:
    old:文件 – 设置 – 其他设置 – 如图
    new:文件 – 设置 – 编辑器 – Awesome Editor
    webstorm 开发插件集合
    保存即可,若无效果,请关闭软件,重新打开。

  3. 图标插件 Atom Material Icons
    Enable File Icons 文件图标
    Enable Directory Icons 目录图标
    Enable UI Icons 顶部UI 图标
    webstorm 开发插件集合
    webstorm 开发插件集合

  4. Translation
    对于英语不是很好的开发者,在取变量名或者文件名字的时候会犯难。那么就可以给编辑器装一个这个翻译插件。使用也很方便,可以直接选中中文右键翻译,也可以直接选中用快捷键Ctrl+shift+Y。
    webstorm 开发插件集合

  5. 彩色括号 Rainbow Brackets
    可以实现配对括号相同颜色。
    webstorm 开发插件集合

  6. 高亮括号 HighlightBracketPair
    会在左侧代码行数那显示括号范围,比彩虹括号插件更加直观而且不容易看花眼。
    webstorm 开发插件集合

  7. 代码缩略图 CodeGlance2
    webstorm 开发插件集合

  8. 正则插件 any-rule
    安装好后使用方法:
    法一:右键->AnyRule
    法二:Alt+a
    会打开下图弹窗就可选择对应或搜索正则即可
    webstorm 开发插件集合

  9. 换主题插件 Material Theme UI Lite
    webstorm 开发插件集合

  10. Material Theme UI 主题 Atom One Dark 更推荐这个
    a. 找到下面的 Tabs ——> Tab Height ,设置为 26,这个高度是我平时开发觉得的最舒服的高度。
    b. 找到下面的 Compact ,勾选 Compact Statusbar 和 Compact Menus ,这个紧凑度最舒服
    c. 找到下面的 Components ,勾选 Accent Scrollbars 、 Transparent Scrollbars 和 Tabs Shadow,这个设置最舒适。

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

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

  13. 彩色进度条 Nyan Progress Bar
    webstorm 开发插件集合

  14. Key promoter
    推荐理由:只要是鼠标操作能够用快捷键替代的,Key Promoter 会弹出提示框,告知你用什么快捷键替代。
    webstorm 开发插件集合

  15. 彩虹屁 Rainbow Fart vscode彩虹屁传送门 推荐给lsp宅男
    Rainbow Fart 是个鼓励师插件,在你敲代码的时候一直鼓励你,语音包可以选择声音甜美的小姐姐。瞬间提升撸代码激情!!! 该插件会开一个浏览器标签,用于播放语音~~~
    webstorm 开发插件集合

  16. MetricsReloaded查看代码有多烂
    webstorm 开发插件集合

  17. Statistic 统计代码信息
    webstorm 开发插件集合
    webstorm 开发插件集合
    其中 Refresh 整个项目统计
    其中 Refresh on selection,是点击Refresh之后,再选中文件夹再点击,就会统计选中文件夹的代码
    而 Settings中,可以设置排除那些文件的统计(应该是这样的)文章来源地址https://www.toymoban.com/news/detail-456665.html

到了这里,关于webstorm 开发插件集合的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity免费库/插件/工具类/扩展集合

    推荐一个GitHub关于Unity库/插件/工具类/扩展的集合,都是免费的,里面包含各种各样实用的工具,比如 对象池、八叉树、回放系统、粒子、寻路、Debug工具、VR、网络库、物理、AI、Input控制器等等等等,应有尽有。 链接:https://github.com/michidk/Unity-Script-Collection 梯子挂了,翻译

    2023年04月16日
    浏览(38)
  • 【跟乐乐学web3开发】一.使用IDE工具webstorm来编写web3js

    web3可以用java语言来编写,通过java的 web3j 依赖来编写,但是web3j对于abi的应用等支持库不太完整,所以还是多少有点局限性。 因此在当今的web3领域中,使用基于javaScript的 web3.js 库来编写web3应用是主流。 市面上大多的教材中,对于web3.js的编写是基于vscode这一款ide工具,这里

    2024年02月04日
    浏览(51)
  • 前端开发需要了解的工具集合

    前端开发需要了解的一些工具,这些工具能够帮助你在项目开发中事半功倍。 1. nrm:  npm  registry 管理器 registry :  npm  远程仓库的地址。 由于众所周知的原因, npm  官方仓库在国内特别的慢,所以我们需要用一些替代性方案,一种方案就是切换  npm  registry 到国内的镜像仓

    2024年02月13日
    浏览(30)
  • 开发者的瑞士军刀!一款适用于开发者的工具集合!

    大家好,我是 Java陈序员 。 俗话说“工欲善其事必先利其器”,有一个好的工具可以事半功倍。 编程开发亦是如此。 今天,给大家介绍一款离线的 Windows 应用程序,该应用涵盖常见的开发工具集合,旨在提高工作效率! 关注微信公众号:【Java陈序员】,获取 开源项目分享

    2024年01月22日
    浏览(61)
  • python版:使用TotalSegmentator工具可在1分钟内自动分割全身117个器官,附批量技巧

    TotalSegmentator 用于对 CT 图像中超过 117 个类别进行分割的工具。它接受了各种不同 CT 图像(不同扫描仪、机构、协议等)的训练,因此应该适用于大多数图像。大部分训练数据集可以从Zenodo下载(1228 个主题)。您还可以在totalsegmentator.com上在线试用该工具。 一句话概要:

    2024年04月11日
    浏览(51)
  • autojs与java开发的手机投屏,可在电脑操作手机

    手机上的aotujs代码,主要利用截图手机屏幕转换byte[]数据用tcpip传输到电脑配合java框架jframe显示手机实时界面等 电脑 代码实现接受图片进行显示,监听鼠标操作发送手机执行点击,滑动操作 主窗体类

    2024年02月15日
    浏览(41)
  • 【JAVA学习笔记】 56 - 开发中如何选择集合实现类,以及Collection工具类

    https://github.com/yinhai1114/Java_Learning_Code/blob/main/IDEA_Chapter14/src/com/yinhai/Collections_.java 目录 项目代码 Collections工具类 一、Collections工具类介绍 1.排序操作: (均为static方法) 2.查找、替换 在开发中,选择什么集合实现类,主要取决于业务操作特点,然后根据集合实现类特性进行 选择

    2024年02月06日
    浏览(40)
  • webstorm HbuilderX工具未配置 HbuilderX工具目录配置错误

    问题:调试动迁uni app h5项目,报错 webstorm是换了电脑新安装, HBuilerx是从旧电脑拷贝过来的解压的文件 解决: 把uniapp插件,卸载 再重启webstorm,重装安装uniapp Tool, 安装第一个,免费。 然后再配置HBuilder的exe对应根目录。 问题2:HbuilderX工具目录配置错误 解决办法同上,这类

    2024年02月08日
    浏览(40)
  • webStorm中使用Git工具(小白教程)

          我在上一家公司工作时用的东西比较老,编辑器用的是HBuilder X以及svn来进行版本管理,最近刚换的这家用的是webStorn和git工具需要去熟悉和磨合,下面我们学习一下开始正文吧!! 对于刚入职场的小白来说使用 git 这个版本管理工具无非就是:      拉取代码  =  更

    2024年02月07日
    浏览(43)
  • 小程序开发--开发者工具的插件推荐

    写在前面: 用官方的开发者工具真的是,emm不是很好用。加上这些插件可以帮助更加舒服的进行开发。除了wxml,建议其他的都可以安装。 这个开发者工具感觉是嵌套了vscode。安装插件、命令什么的都和vscode一样。 安装步骤: 1.在vscode里面安装插件 2.打开插件目录 3.安装,这

    2024年02月09日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包