一直没有用过 webstorm,由于长期使用不当觉得电脑上的 vscode 越来越卡,因此想试试 webstorm 会不会好一些,于是心血来潮花了一晚上调教它
vscode 并不卡,是我自己使用不当误会了他,实际上他快得飞起
颜值,如图所示
性能方面,从点击项目启动按钮到完全打开项目,只需要不到 1s 的时间。除此之外,代码输入、代码提示、代码检测等其他总体感受要比 vscode 稍微慢一点,几乎感受不出来明显的差别,也是快的飞起
下载
这里有一个超坑的地方,如果不小心下错了安装版本,webstorm 可以卡到你怀疑人生,一定要下载专门针对 M1/M2 芯片做了适配的版本。
千万不要直接点击这个下载按钮
随便点一个别的链接,例如点击上方的 What's New
,跳转到有可选择下载版本的地方,点击向下的箭头,选择 .dmg(macOS Apple Silicon)
默认选择的是 macOS Intel 的版本,这个在 M1/M2 上的体验非常差,又慢又卡。
如果你只是体验尝鲜的话,可以免费体验 30 天,破解的话可以去淘宝购买激活码
如果你维护有开源软件,可以去官方申请一个免费的激活码
UI
首先在 Settings 页中启用 New UI
command + ,
打开 Settings 页面,Appearance & Behavior -> New UI
然后在 Plugins 中,下载 Material theme UI
重启生效之后,我们发现效果基本上还不错了,但是字体非常小,默认支持的是 12px
,这里又有一个坑
在 Settings
页面中的 Appearance & Behavior
下会出现 Material Theme UI
的配置项,你只有激活之后,才能在这个配置项下去修改字体和字体大小
折腾了很久,我想在 Editor -> Font
下修改字体大小,发现无效
最后找了半天才发现可以在 Editor -> Color Scheme Font
中设置
这里我选择的主题是 Atom One Dark
,是从刚才下载的插件 Material Theme UI 中选择的
字体非常关键,我这里推荐使用 Fira Code
,是我认为写代码最漂亮的等宽字体
可以在 github 点击下载 中直接下载
接下来在 Plugins 中,搜索 Atom Material Icons
下载图标方案
最后是最难的地方,如何去掉代码行数右边的各种线条。
Editor -> General -> Appearance
,取消选择 Show indent guides
Editor -> Color Scheme -> General -> Guides -> Indent guide
,选中 Background
与 vscode 的对比
仅限于 M1/M2 芯片电脑的对比
性能方面,从直观感受上而言,vscode 全方位吊打 webstorm. 然而,这并不是真相。
vscode 采用多进程的 SOA 架构,webstorm 采用单进程架构。
因此
- vscode 在启动速度上的表现要明显优于 webstorm
- 当你的任务数比较少,并且插件比较少的情况下,vscode 的性能表现和内存占用都会小于 webstorm
- 但是当你打开了较多的页面,并组件开始使用较多的插件时,vscode 的性能表现就会开始弱于 webstorm
webstorm 一开始就内置了许多插件,因此在启动速度上的表现明显弱于 webstorm,会给人一种 webstorm 性能不如 vscode 的感觉,不过在 M1 的表现上来看,webstorm 也非常流畅,项目完全启动时间消耗也能控制在 1s 以内,属于可以接受的范畴。
细节交互上,webstorm 完胜。主要体现在一些小的渐变动画,代码提示,代码补全等方面
颜值上,webstorm 完胜。这个就比较主观了,因为我目前还忍不了 vscode 头顶那个比较出戏的搜索框,想了很多办法也去不掉,因此暂时决定先不用 vscode,先尝试性的探索一下 webstorm,如果哪天这个搜索框可以让他消失了,我可能就放弃 webstorm 了,主要是 M1 下 vscode 的性能确实太香了,启动项目就跟打开一个新代码页一样快