**WebStorm **是由 JetBrains 开发的一款强大的 JavaScript 集成开发环境(IDE)。它专门为前端开发和 Node.js 开发而设计,提供了丰富的功能,如智能代码补全、调试工具、版本控制集成等。WebStorm 支持多种前端技术和框架,包括 React、Angular、Vue.js 等,帮助开发者提高开发效率和代码质量。
插件安装指南:**File **-> Settings->Plugins->**Marketplace **搜索插件->点击 Install 安装即可
注:有些插件安装完成后需要 Restart IDE 生效。
1.中文插件:chinese
点击状态栏的翻译引擎状态图标或者使用快捷键 Ctrl + Shift + S(Mac OS: Control + Meta + Y)可以快速切换翻译引擎,目前有谷歌翻译、有道翻译和百度翻译。使用该插件,可以直接在WebStorm中内嵌一个翻译界面。
2.进度条动画:Nyan Progress Bar
为进度条添加彩虹猫动画。
3.图标插件:Atom Material Icons
这款插件不仅支持很多不同类型的文件图标,还支持设置文件夹图标。
4.代码格式化:Prettier
自动格式化代码,支持多种语言,确保代码风格一致,减少代码审查时的风格争议。
5.GIT工具箱:GitToolBox
增强 Git 集成功能,提供额外的 Git 信息,如文件状态、提交历史等,方便开发者进行版本控制。
6. 彩色括号:Rainbow Brackets
为括号和大括号提供不同的颜色,可以把括号变成彩色的,实现括号配对。使代码结构更加清晰,便于识别代码块的开始和结束。
7.高亮括号:HighlightBracketPair
增强代码编辑器中括号的可视化效果。具体来说,它会对匹配的括号(如 ( )、 { }、 [ ] )进行高亮显示,帮助开发者更容易地识别代码块的开始和结束。
8.右侧代码小地图:CodeGlance Pro
在右侧生成一个代码缩略图,提供代码缩略图功能,可以在编辑器的侧边栏中显示代码的缩略图,帮助快速浏览大型文件,提高导航效率。
9.主题插件:Material Theme UI
默认内置了多种配色,提供多种主题和界面自定义选项,让开发环境更加美观。Preferences/Settings -> Appearance -> Material Theme 中可以进行切换。
10.快捷键提示 Key promoter
只要是鼠标操作能够用快捷键替代的,Key Promoter 会弹出提示框,告知你用什么快捷键替代。
11.快捷键提示:Translation
不仅可以翻译一些陌生单词的意思,还可以在取名字的时候不知道怎么取的时候,可以通过右键翻译并替换,就可以自动替换想要的名字。(快捷键:ctrl + shift + X | ctrl + shift + Y)
使用:选中要翻译的英文单词,右击选择Translate | Translate and Replace
✨有什么好的插件也可以留言推荐噢,若文章对你有帮助的话,点赞 ♥+关注。
✨原创不易,转载请告知并注明出处,谢谢!
版权归原作者 落日弥漫的橘_ 所有, 如有侵权,请联系我们删除。