Third Wave holiday Dry--webstrom toolbar icon

Working with the shortcut icons on the toolbar in WS can improve efficiency because you don't have to remember shortcuts, just click the mouse button. However, there are many practical features in WS that are not self-contained icons, resulting in a custom toolbar may be several of the same green icons together, can not distinguish which is which, it is troublesome to use.

Here's how to customize the WS toolbar and provide some common function icons for everyone to replace.

Add a shortcut icon to a toolbar

WS allows users to personalize the toolbar, and you can add some of the most commonly used icons to your liking. In this way, WS like DW can use shortcut icons such as "line Indent", "Format Code", "Comment code" and so on.

Tick "View/view"-"toolbar/toolbar" on the menu bar to bring up the WS toolbar.

Suppose we want to add a "line comment" icon now, we can right-click on the right side of the help icon (blue question mark), select "Customize menu Andtoolbars ...":

In the window that appears, open "Main Toolbar", select the "Help topic" icon in the box, and then click "Add after ..." on the right. Button (this means that you want to add a new icon after the Help button), and then find the "line comment" from "Main menu", click OK (because the "line comment" is not your own icon, the system will pop-up window tells it to arrange a green icon to it, To reduce the number of picture frames, the process is not shown below).

Then we can see that the toolbar has been added to the end of the "line comment" icon, not it is the system provides a small green bug image.

Similarly, we continue to add "block comment", "format", "Indentation" and other icons, the system will be assigned by default such a small green bug image, and then your toolbar is a row of the green bug icon (gray indicates temporarily unavailable):

Replace icon image

To replace the green worm with another image is very simple, we re-enter the "Customize menu andtoolbars" window, select the icon to replace the image, click on the right "Edit Action icon ..." button, enter the icon file address, click OK to successfully replace the icon (It is more depressing that WS supports 16*16-size PNG format, but does not support ICO format).

In this way, we can personalize the image of the icon:

However, it is not clear why the "Indent selection" icon is always grayed out (although the direct Point tab is more convenient than the dot icon), if you have an informed friend please let me know.

arranging, separating icons

Select the icon, by clicking "Moveup/down" can be moved up and down to change the order of the icons, click on "Add Separator" can increase the separation between the icon line, this is not nonsense, you can try it yourself:

After my own finishing, it was like this:

Download icon

The above eight icons are made by myself, although not sophisticated enough, but it is always more convenient to use than the Green worm, if you want these icons, you can come to my github to get them.

If you have some other commonly used features are also no personality icons, welcome message to inform me, I will try to help you to make updates to GitHub above ~

Mutual Encouragement ~

Third Wave holiday Dry--webstrom toolbar icon