关于前端:🏆-那些能帮我愉快Coding的Webstorm插件

前言

作为一个FE开发者，在日常工作中用的最多的可能就是WebStorm与VsCode，我在工作的这几年始终应用的是WebStorm进行开发，明天为大家带来我工作中应用的一些Webstorm插件以及一些能够提效的配置办法，心愿可能帮忙应用WebStorm的敌人们更加高效工作，多余工夫能够多摸摸🐟！

最终成果展现

插件举荐

上面会具体介绍每一个插件的装置、应用倡议，举荐指数✨

.ignore: 版本管理工具的疏忽文件插件

• 插件形容：反对创立多种.ignore文件，会默认设置到须要疏忽的文件或文件夹，我罕用的是.gitignore，用于常见前端常见的须要疏忽提交的文件，如node_modules，dist等；反对将文件旋选中右键进行增加到.gitignore；
• 装置形式：webstorm外部插件市场搜寻.ignore或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：个人感觉很实用，会十分不便，有时候如果曾经将文件增加到git提交缓存中的时候，须要应用命令革除缓存把文件撤销进去，这个插件能够帮忙你实现这一步。更多功能须要本人应用进行挖掘
• 举荐指数：🌟🌟🌟🌟🌟
  

Power Mode II: 打字特效

• 插件形容：炫酷的打字成果，除了炫酷，没任何卵用，屏幕抖动的看着好受；
• 装置形式：webstorm外部插件市场搜寻Power Mode II或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：装13能够，成果不大
• 举荐指数：🌟🌟
  

activate-power-mode: 打字特效

• 插件形容：与Power Mode II相似，成果更爆炸
• 装置形式：webstorm外部插件市场搜寻activate-power-mode或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：头晕式摸鱼
• 举荐指数：🌟🌟
  

CodeSearch: 右键搜寻(通过Google搜寻,墙内不能用)

• 插件形容：选中某段内容，能够间接右键通过搜索引擎搜寻进行搜寻；须要配置搜索引擎，能够配置Baidu, Google, StackOverflow and GitHub四种
• 装置形式：webstorm外部插件市场搜寻codeSearch或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：实用性挺高，很不便的帮忙搜寻，装置当前就能够选中要搜寻的货色
• 举荐指数：🌟🌟🌟🌟🌟
  
  

Rainbow Brackets: 括号换色提醒插件

• 插件形容：代码中如果嵌套较深的话，找后面的括号与前面对应的中央会很麻烦，这款插件应用不同色彩进行标记，能够很不便的找到对应的开始和结尾的括号
• 装置形式：webstorm外部插件市场搜寻.ignore或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：个人感觉比拟不便，能够疾速定位，并且代码界面也会看起来更好看一点，愉悦情绪，开心coding；
• 举荐指数：🌟🌟🌟🌟
  

Translation: 翻译插件

• 插件形容：翻译插件，能够便捷的在WebStorm中进行翻译，省去了去浏览器进行翻译的操作，也反对右键形式选中翻译
• 装置形式：webstorm外部插件市场搜寻Translation或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：翻译更便捷啦，然而还是要多动脑子想一想呀
• 举荐指数：🌟🌟🌟🌟
  
  

AceJump: 光标疾速定位

• 插件形容：AceJump 容许您将插入符号疾速导航到编辑器中可见的任何地位，应用形式快捷键：Ctrl+;
• 装置形式：webstorm外部插件市场搜寻AceJump或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：用的不是很多，得应用快捷键，也不是很不便，随随便便吧，看集体爱好
• 举荐指数：🌟🌟
  

Material Theme UI: 设置主题，不好的是大部分是暗色主题，亮色的特地亮，然而反对的文件图标不错

• 插件形容：家喻户晓，一款很闻名的主题
• 装置形式：webstorm外部插件市场搜寻Material Theme UI或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：依据集体爱好吧，本人喜爱的才是最好的
• 举荐指数：🌟🌟🌟🌟
  

CodeGlance: 右侧小地图导航，像sublime text中一样的那个，能够配置宽度

• 插件形容：能够在关上的窗口左边显示小地图，用于疾速定位跳转，尤其是针对很多行的文件，就很不便的；
• 装置形式：webstorm外部插件市场搜寻CodeGlance或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：能够配置小地图宽度，能够设置固定宽，也能够利落设置宽度
• 举荐指数：🌟🌟🌟🌟🌟
  

Codota: AI代码生成，主动联想，反对javaScript和java；

• 插件形容：代码联想，不必过多解释了
• 装置形式：webstorm外部插件市场搜寻Codota或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：我用的感觉还行，它能够快捷显示之前输出过的内容，或者快捷生成函数等，能够晋升写代码的速度
• 举荐指数：🌟🌟🌟🌟🌟
  

Atom Material Icons: 文件图标、零碎图标会更好看；

• 插件形容：为文件夹、文件减少图标，让编译器看起来更好看，也是一款能够欢快coding的好用插件
• 装置形式：webstorm外部插件市场搜寻Atom Material Icons或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：针不戳啊针不戳
• 举荐指数：🌟🌟🌟🌟🌟
  

GitToolBox: git提交记录插件，鼠标在某行代码的时候能够看见是谁在什么时候提交的，提交信息是什么；

• 插件形容：没记错的话VsCode外面也有一款相似的插件，能够看见每行代码是谁、在什么时候提交的，提交message是什么，不必再应用Annote with Git Blame了
• 装置形式：webstorm外部插件市场搜寻GitToolBox或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：不便啊不便，十分不便的！！一看有bug，就晓得是谁写的这垃圾代码了！
• 举荐指数：🌟🌟🌟🌟🌟
  

Paste images into MarkDown: 在编写markdown时，如果须要增加图片，则复制当前可间接应用ctrl+v或command+v进行粘贴，会弹出一个弹框设置图片名称、门路，非常不便

• 插件形容：在WebStorm写markdwon文档的时候，有时候须要减少图片可能要先将图片放到文件夹，再在markdown中援用，那么这个插件能够很好的解决问题，剪贴板上有图片信息，间接ctrl+V进行粘贴
• 装置形式：webstorm外部插件市场搜寻Paste images into MarkDown或官网地址下载到本地进行装置
• 官网地址：https://plugins.jetbrains.com…
• 应用成果：晋升效率的利器，还能够设置图片存储门路，是否是圆角、图片大小等
• 举荐指数：🌟🌟🌟🌟🌟
  

好啦，能够写进去的罕用的就这些根本插件啦，更多的插件能够去我的博客理解：https://blog.wangboweb.site/2…

设置一下

字体以及UI、展现格调

文件模板设置

详情：https://blog.wangboweb.site/2…

配置信息备份

能够备份到云上，也能够备份到jetbrains 账户上

设置背景图片

总结

大略就是这么多了，其实很多性能在日常开发中不肯定会用到，然而一旦发现了，就会很棘手，须要本人多多摸索，打造一个适宜本人的编译器，能力真正的进步开发效率，这样就有更多的机会去摸鱼鱼！！！

另外有人翻译了WebStorm的官网帮忙文档，有须要的能够去看看。

中文帮忙文档：https://www.kancloud.cn/zxhy/…

官网英文帮忙文档：https://www.jetbrains.com/hel…