前言Webstorm日前推送了新版本，本次更新带来了全新的界面设计。用了几天，界面确实干净简洁。突然我的目光转移到了MacBook自带的Touchbar上，总觉得少了点什么。如果能把自己开发中经常用到的一些操作放在上面就好了，查了下JetBrains的官网，发现确实可以自己定义要在Touchbar上显示的功能。本文将与您分享定制的方法。欢迎有兴趣的开发者阅读本文。实现过程打开webstorm设置菜单：依次点击顶栏Webstorm->Preferences...，或者直接按快捷键command+，在弹出的菜单中选择MenusandToolbars向下滚动找到触摸栏选项。展开后有3个选项，分别是：在编辑器中触发搜索时显示的操作选项停留在编辑器窗口时显示的操作选项调试代码时显示的操作选项这里我们要添加Default为状态下的operation选项，我们点击选中，点击“加号”图标，在弹出的菜单中选择AddAction...在弹出的菜单中，找到你要添加的功能，点击OK.添加后可以在Default菜单中找到，默认在最后面??，拖拽到合适的位置可以排序。注意：您添加的某些操作可能默认没有图标，会显示一个绿色的？。你可以自己给它设置一个图标。实现起来也非常简单。只需选择它并单击工具栏上的编辑图标。找到合适的图标后，单击“确定”。image-20221206223050381添加一些常用功能我平时开发经常用到的功能有：显示当前打开的文件在目录结构树中的位置显示/隐藏目录结构树提交代码、拉取代码在FinderDisplay中显示/隐藏git分支信息打开/关闭终端中当前打开的文件。TouchBar默认会显示前三个功能，按下option键时会显示后三个功能。相应的菜单设置如下所示。添加完成后，当我在Webstorm中点击任意位置时，我的TouchBar如下所示：IMG_7521按下ctrl后，显示的操作选项。IMG_7522注意：对于某些操作，可能无法准确找到搜索结果，需要在其他菜单下搜索。自定义ToolBar在新界面中，显示在编辑器右上方的功能选项区域称为Toolbar。您可能不喜欢默认选项。定制它也很容易。只需在右上角空白处右击，选择自定义工具栏...即可。打开的界面如下图，和之前的设置界面类似，所以可以用同样的方法添加自己需要的功能，按照自己喜欢的顺序拖放即可。我设置的界面如下。设置完成后点击确定，在右上区域可以看到你设置的内容。最后，我将在设置后向您展示我的编辑器的完整屏幕截图。注意：我还隐藏了工具窗口栏，这样它看起来就和我的界面一模一样。隐藏起来也很简单，只需要依次点击编辑器顶栏的View->Appearance->ToolWindowBars即可。
