这是我参与更文挑战的第18天,活动详情查看: 更文挑战
webstorm的介绍及配置
-
本人是webstorm的重度用户,相比vscode而言,它的代码跳转、搜索、本地历史留存功能更强大。
-
不用装很多插件即可使用, 无论项目有多大,都可以更快地找到代码。 只需点击几次,即可跳到任何类、函数、方法、变量或组件的定义,并找到其用法。 在您打开的文件内轻松导航,而且其结构一览无余。
-
与vscode的对比可以看这篇 https://blog.rxliuli.com/p/a305aafaac2b4ee8b9fa2f97898f1eea/
缺点
- 吃内存,内存小的机子还是用vscode或者sublime吧
- 启动一个项目所需的时间与项目大小相关,启动慢,第一次打开某个项目更慢。。。,因为它需要先索引数据不愿意等的请用Sublime。某人说 IDE 的正确打开方式是上班启动之,下班关闭之。更有甚者说是入职启动之,辞职关闭之。你们感受一下,
- 英语太差的就不要用 WS 了
优点
- 图片尺寸提示
- 平时你在写 HTML 时,遇到 img 标签时,是不是要费好大劲去知道图片的宽高?WS 直接展示给你了。
- 文件重命名
- 需要重命名的文件,被很多文件引用了,怎么办?使用 WS 的文件重命名功能,大胆地重命名吧,它会自动帮你更新所有引用。(前提是你的引用是正确且符合常规的)
- webstorm导入组件能自动添加路径,重命名文件可以自动更新所有引用,ctrl+click可以跳转组件、class属性,这些VS Code差太远
常用插件
Rainbow Brackets
- 该插件对每对括号进行颜色编码,如果您正在努力确定每个代码块的起始和结束位置,则它可以为您提供帮助。
Indent Rainbow Plugin
-
该插件就像Rainbow Brackets一样,但用于缩进。其主要目的是使缩进更易读。如果使用了错误的缩进,该插件将以红色突出显示该行,从而帮助您更快地定位到缩进问题。
-
上图代码前的色块就是
Codota AI Autocomplete for Java and JavaScript
- 如果您想尝试基于AI的代码完成功能,那么Codota插件是一个不错的起点。它使WebStorm的完成建议更加相关,从而进一步提高了编码速度。
Key Promoter X
- 快捷键提醒
Atom Material Icons
常用配置
看这篇就够了 zhuanlan.zhihu.com/p/373510139
其实写代码的工具,哪个顺手就用哪个,你如果觉得记事本顺手,完全可以用记事本来写代码,只要能实现功能和效率,哪个代码编辑器都是浮云。