合理使用WebStorm-自定義TouchBar提升使用體驗(yàn)
前言
前幾天Webstorm推送了新版本，本次更新帶來(lái)了全新的界面設(shè)計(jì)。用了幾天后，界面確實(shí)很干爽簡(jiǎn)潔，突然間我的目光轉(zhuǎn)移到了MacBook自帶的Touchbar上面，覺(jué)得好像少了點(diǎn)什么.
創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的梁子湖網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
要是能把我在開(kāi)發(fā)中經(jīng)常用到的一些操作放到上面就好了，查了下JetBrains的官網(wǎng)發(fā)現(xiàn)確實(shí)可以自己定義Touchbar上面要展示的功能，本文就跟大家分享下自定義的方法，歡迎各位感興趣的開(kāi)發(fā)者閱讀本文。
實(shí)現(xiàn)過(guò)程
打開(kāi)webstorm的設(shè)置菜單：依次點(diǎn)擊頂欄的Webstorm -> Preferences...?，或者直接按快捷鍵command + ,在彈出的菜單中選擇Menus and Toolbars
向下滾動(dòng)，找到Touch Bar選項(xiàng)。
展開(kāi)后，有3個(gè)選項(xiàng)，分別為：
編輯器內(nèi)觸發(fā)搜索時(shí)要展示的操作選項(xiàng)
在編輯器窗口內(nèi)停留時(shí)要展示的操作選項(xiàng)
調(diào)試代碼時(shí)要展示的操作選項(xiàng)
此處我們要添加的是Default狀態(tài)下的操作選項(xiàng)，我們將其點(diǎn)開(kāi)并選中，點(diǎn)擊“加號(hào)”圖標(biāo)在彈出的菜單中選擇Add Action...
在彈出的菜單中，找到自己想要添加的功能，點(diǎn)擊OK即可。
添加完成后即可在Default菜單中找到，默認(rèn)在最后面，你可以通過(guò)拖拽來(lái)進(jìn)行排序，將其放到合適的位置。
注意：你添加進(jìn)來(lái)的某些操作可能默認(rèn)沒(méi)有圖標(biāo)，會(huì)顯示一個(gè)綠色的??，你可以自己給它設(shè)定一個(gè)圖標(biāo)，實(shí)現(xiàn)起來(lái)也很簡(jiǎn)單，只需要選中它，點(diǎn)擊工具欄的編輯圖標(biāo)。
找到合適的圖標(biāo)后，點(diǎn)OK即可。
image-20221206223050381
添加一些常用功能
我在平常開(kāi)發(fā)中經(jīng)常用到的功能有：
- 顯示當(dāng)前打開(kāi)的文件在目錄結(jié)構(gòu)樹(shù)中的位置
- 顯示/隱藏目錄結(jié)構(gòu)樹(shù)
- 提交代碼、pull代碼
- 顯示/隱藏git分支信息
- 在Finder中顯示當(dāng)前打開(kāi)的文件
- 打開(kāi)/關(guān)閉終端
前三個(gè)功能將默認(rèn)展示在TouchBar上，后三個(gè)功能將在按下option鍵時(shí)展示出來(lái)。
對(duì)應(yīng)的菜單設(shè)置如下所示。
添加完成后，當(dāng)我鼠標(biāo)在Webstorm中任意位置點(diǎn)擊時(shí)，我的Touch Bar如下所示：
IMG_7521
按下ctrl后，展示出來(lái)的操作選項(xiàng)。
IMG_7522
注意：某些操作操作，搜索結(jié)果可能不能精確找到，這時(shí)你就需要在Other菜單下找一下了。
自定義ToolBar
新的界面中，編輯器的右上方展示的功能選項(xiàng)區(qū)域稱為T(mén)oolbar，默認(rèn)的選項(xiàng)你可能也不喜歡，想自定義它也很容易，只需要右上方的空白區(qū)域右鍵，選擇Customize Toolbar...即可。
打開(kāi)的界面如下所示，跟前面的設(shè)置界面大同小異，因此你可以用相同的方法來(lái)添加你需要的功能，按照你喜歡的順序進(jìn)行拖拽排序，我設(shè)置好的界面如下所示。
設(shè)置完成后，點(diǎn)OK，即可在右上方的區(qū)域看到你設(shè)置好的內(nèi)容。
最后，給大家放一張我編輯器設(shè)置完成后的完整截圖。
注意：我還隱藏了Tool Window Bars，這樣看起來(lái)就跟我的界面一摸一樣了，隱藏它也很簡(jiǎn)單，你只需要依次點(diǎn)擊編輯器頂欄的View -> Appearance -> Tool Window Bars即可。
網(wǎng)頁(yè)名稱：合理使用WebStorm-自定義TouchBar提升使用體驗(yàn)
網(wǎng)站網(wǎng)址：http://m.jiaotiyi.com/article/ccispis.html