一直没有用过 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 的性能确实太香了，启动项目就跟打开一个新代码页一样快
