第三波假期干貨——webstrom工具欄圖標


在WS中使用工具欄上的快捷圖標來配合工作可以有效提高效率,因為你不用去記住一些快捷鍵,只要點一下鼠標即可。不過在WS中有很多實用功能卻是沒有自帶個性圖標的,導致自定義工具欄后可能就是好幾個一模一樣的綠色圖標並排在一起,區分不出哪個是哪個,用起來也麻煩。

這里會提供自定義WS工具欄的方法,以及提供一些常用功能圖標供大家替換。

給工具欄添加快捷圖標

WS允許用戶個性化工具欄,你可以依照自己的喜好把一些常用的圖標添加上去。我們可以通過這種方式,讓WS像DW一樣能直接使用“行縮進”、“格式化代碼”、“注釋代碼” 等快捷圖標。

勾選上菜單欄的“視圖/View” - “工具欄/Toolbar” 可以調出WS的工具欄。

假設我們現在要添加“行注釋”圖標,我們可以在幫助圖標(藍色問號)右邊空白的地方點擊右鍵,選擇“Customize Menu andToolbars...”:

在出現的窗口中點開“Main toolbar”,選中里面的“幫助主題”圖標,再點擊右邊的“Add After..”按鈕(這表示你要在“幫助”按鈕后面添加新圖標),然后從“Main menu”里找到“行注釋”,點OK即可(由於“行注釋”是沒有自己的圖標的,系統會彈出窗口告知它會自行安排一個綠色圖標給它,為減少圖片幀數,下方效果圖沒把這一過程顯示出來)

然后我們可以看到工具欄的最后已經添加了“行注釋”的圖標,不是其顯示的是系統提供的一個綠色小蟲子圖像。

同理我們繼續添加“塊注釋”、“格式化”、“縮進” 等圖標,系統都會默認分配這么一個綠色小蟲子的圖像,然后你的工具欄就是一排萌萌噠的綠蟲子圖標了(灰色表示暫時不能用):

替換圖標圖像

把綠蟲子換成其它圖像很簡單,我們重新進入“Customize Menu andToolbars”窗口,選中要更換圖像的圖標,點擊右側“Edit Action Icon...”按鈕,輸入圖標文件地址,點OK即可成功更換圖標(比較郁悶的是WS支持16*16大小的png格式,卻不支持ico格式)

我們用這種方法便能將圖標的圖像也都個性化起來:

不過不太清楚為何“縮進選擇”的圖標一直為灰色無效狀態(雖然直接點Tab鍵反而比點圖標方便),若有知情的朋友請告知一聲。

排列、分隔圖標

選中圖標后,通過點擊“MoveUp/Down”可以上下移動改變圖標順序,點擊“Add Separator” 可以增加圖標之間的分隔線,這個不廢話了,大家可以自行嘗試:

我自己的整理完之后是這樣子:

圖標下載

上述的八個圖標都是我自己制作的,雖然不夠精致,但用起來總比綠蟲子方便多了,如果你想要這些圖標,可以來我的Github獲取它們。

如果你有一些其它的常用功能也是沒有個性圖標的,歡迎留言告知我,我會盡量幫你做出來更新到Github上面~

共勉~

donate


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM