在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上面~

共勉~

第三波假期干货——webstrom工具栏图标的更多相关文章

  1. kendo UI 倒如css 和 js 后 窗口控件上的工具栏图标不显示如何解决

    examples 文档中找到window的例子打开一个 查看其中文件引入 <head>    <title>API</title>    <meta char ...

  2. (转)在高分辨率下eclipse,STS,等软件工具栏图标过小的问题方法总结

    背景:在高分辨率情况下,sts工具栏图标超小,肉眼看不清.按照方法二能够满足需求,开心 https://blog.csdn.net/u012687923/article/details/8032437 ...

  3. 关于swift 底部工具栏图标锯齿模糊问题。

    今天在底部工具栏添加图片时发现图片模糊而且有锯齿,开始一直以为是美工给的图片有问题,后来发现是要设置两种图片: 比如  index.png(默认30 * 30),indexSelected(选中后的图 ...

  4. 继续送假期干货——响应式图片工具smartImg

    中午看<众妙之门>看到一个响应式图片处理工具(点此查看)的介绍,然后就心血来潮想着不妨自己写一个基于JQ的吧,于是就又有了这么一个干货给大家. smartImg 的全部文件可以从我的Git ...

  5. 【VC】VC工具栏图标合并工具(非tbcreator和visual toolbar)

    VC开发难免会用到toolbar,在没有美工的时候,大部分时间我们只能自己上. 第一个方法:fireworks/photoshop平铺.现在的图片资源大多为背景透明的png图片,虽然fireworks ...

  6. ueditor 定制工具栏图标

    在使用Ueditor时,如要简化工具栏上的按钮,可以修改配置项的方法: 1. 方法一:修改 ueditor.config.js 里面的 toolbars 2. 方法二:实例化编辑器的时候传入 tool ...

  7. VS2008给图标工具栏-状态栏添加响应函数

    1.在对话框的:OnInitDialog()函数中添加以下红色代码: BOOL CGSM_MessageDlg::OnInitDialog() { CDialog::OnInitDialog(); / ...

  8. UEditor百度编辑器,工具栏上自定义添加一个普通按钮

    添加一个名叫“hougelou”的普通按钮在工具栏上: 第一步:找到ueditor.config.js文件中的toolbars数组,增加一个“hougelou”字符串,然后找到labelMap数组,对 ...

  9. VC----文件图标和窗口图标及在任务栏显示的图标

    WNDCLASSEX wndcls; wndcls.cbSize=sizeof(wndcls); wndcls.cbClsExtra=0; wndcls.cbWndExtra=0; wndcls.hb ...

随机推荐

  1. 使用Fiddler针对Android手机网络请求抓包

    本文转载自大牛Trinea的博文:Android利用Fiddler进行网络数据抓包 主要介绍Android及IPhone手机上如何利用Fiddler进行网络数据抓包,比如我们想抓某个应用(微博.微信. ...

  2. ubuntu命令大全

    一.文件/文件夹管理 ls 列出当前目录文件(不包括隐含文件) ls -a 列出当前目录文件(包括隐含文件) ls -l 列出当前目录下文件的详细信息 cd .. 回当前目录的上一级目录 cd - 回 ...

  3. CentOS6系统openssl生成证书和自签证书

    CentOS6系统openssl生成证书和自签证书的过程,记录一下,本文基于CentOS 6 64bit.$ yum install openssl openssl-devel 1,生成服务器端的私钥 ...

  4. RHEL7学习之ISCSI配置

    ISCSI服务器:192.168.10.10 ISCSI客户端:192.168.10.20 在ISCSI服务器添加两块硬盘:/dev/sdb /de/sdc 一,在服务端安装 [root@localh ...

  5. 由React学习到Yeoman安装以及遇到的问题

    离职闲下来之后想着学一些新知识,本来是想从react入手,结果延伸出去的内容就像一棵树的树枝,不断增加. 学习计划是从这里开始的(6周学习计划,攻克javascript难关 https://zhuan ...

  6. C语言的关键字,标示符以及数据类型

      1. 关键字 1>     关键字就是C语言提供的有特殊含义的符号,也叫做“保留字” 2>     C语言一共提供了32个关键字,这些关键字都被C语言赋予了特殊含义 auto doub ...

  7. C# 如何给sql数据库的日期字段插入空值

    在C#中声明日期变量时用SqlDateTime类型,引用:using System.Data.SqlTypes; 例子:user.AbortDate = SqlDateTime.Null;

  8. JSON字符串解析

    有时保存在数据库的数据是一串json字符串,需要进行读取的时候就需要解析操作. 简单介绍两种: 1.net.sf.json.* 2.com.alibaba.fastjson.* 需要的包自行下载. 第 ...

  9. 【Java学习笔记】集合转数组---toArray()

    package p2; import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class ...

  10. NetSuite API - SuiteScript API.js

    /* from: http://blog.csdn.net/levin_rain/article/details/8571444 */ ' Core SuiteScript Functions ' f ...