前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >webstorm插件集合[通俗易懂]

webstorm插件集合[通俗易懂]

作者头像
全栈程序员站长
发布2022-09-30 18:41:18
1.9K0
发布2022-09-30 18:41:18
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

一、开发工具美化

  1. 设置特定背景图片 步骤: 文件 – 设置 – 如图
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

就可以了

  1. 插件 Sexy Editor 我用来设置右下角的图 效果如下
在这里插入图片描述
在这里插入图片描述

设置步骤: 文件 – 设置 – 其他设置 – 如图

在这里插入图片描述
在这里插入图片描述

保存即可,若无效果,请关闭软件,重新打开。

  1. 图标插件 Atom Material Icons Enable File Icons 文件图标 Enable Directory Icons 目录图标 Enable UI Icons 顶部UI 图标
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
  1. Translation 对于英语不是很好的开发者,在取变量名或者文件名字的时候会犯难。那么就可以给编辑器装一个这个翻译插件。使用也很方便,可以直接选中中文右键翻译,也可以直接选中用快捷键Ctrl+shift+Y。
在这里插入图片描述
在这里插入图片描述
  1. 彩色括号 Rainbow Brackets 可以实现配对括号相同颜色。
在这里插入图片描述
在这里插入图片描述
  1. 高亮括号 HighlightBracketPair 会在左侧代码行数那显示括号范围,比彩虹括号插件更加直观而且不容易看花眼。
在这里插入图片描述
在这里插入图片描述
  1. 代码缩略图 CodeGlance2
在这里插入图片描述
在这里插入图片描述
  1. 正则插件 any-rule 安装好后使用方法: 法一:右键->AnyRule 法二:Alt+a 会打开下图弹窗就可选择对应或搜索正则即可
在这里插入图片描述
在这里插入图片描述
  1. 换主题插件 Material Theme UI Lite
在这里插入图片描述
在这里插入图片描述
  1. 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,这个设置最舒适。
  2. .ignore 直接在文件列表中右键,可以快速根据模板生成一系列的 .ignore 文件,比如 .dockerignore、.gitignore 等等。
  3. GitToolBox 其实就是给 ide 扩展了一下 git 相关的功能,比如会自动帮你 fetch 最新的代码(我之前都是两下 shift,然后输入 fetch 查找到对应的命令然后回车,麻烦),单行代码后面显示提交信息等等。 在代码中 会有对应log显示
  4. 彩色进度条 Nyan Progress Bar
在这里插入图片描述
在这里插入图片描述
  1. Key promoter 推荐理由:只要是鼠标操作能够用快捷键替代的,Key Promoter 会弹出提示框,告知你用什么快捷键替代。
在这里插入图片描述
在这里插入图片描述
  1. 彩虹屁 Rainbow Fart vscode彩虹屁传送门 推荐给lsp宅男 Rainbow Fart 是个鼓励师插件,在你敲代码的时候一直鼓励你,语音包可以选择声音甜美的小姐姐。瞬间提升撸代码激情!!! 该插件会开一个浏览器标签,用于播放语音~~~
在这里插入图片描述
在这里插入图片描述

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年9月9日 下,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档