HBuilderX如何快速自定义修改注解和代码的颜色

HBuilder默认注解颜色为灰色,经常需要瞅半天,眼睛疼!那注解颜色应该如何快速修改呢?

首先需要说明的是:HBuilderX 3.1.18及之前的版本是不能自定义代码颜色的,即使按照下面的方法配置了也不会生效哦; 从HBuilderX 3.1.22才开始支持自定义代码颜色。(3.1.22昨天刚上线哦,我们一起尝尝鲜)

HBuilderX如何快速自定义修改注解和代码的颜色_第1张图片

  

第一步:首先从官网下载3.1.22及以上的版本并安装,安装好之后打开HBuilderX检查自己的新版版本号(注意:不要还是打开旧的版本哦);

HBuilderX如何快速自定义修改注解和代码的颜色_第2张图片

 第二步:随便打开一个文件,按下面操作:

HBuilderX如何快速自定义修改注解和代码的颜色_第3张图片

HBuilderX如何快速自定义修改注解和代码的颜色_第4张图片 HBuilderX如何快速自定义修改注解和代码的颜色_第5张图片

 HBuilderX如何快速自定义修改注解和代码的颜色_第6张图片

第三步:紧接着再点开最开始准备的文件,选中注解(如下图第15行代码),还是点击"工具"里面的检查颜色选项,控制台出现如下内容,此时选中并替换粘贴至刚刚粘贴的位置并保存,效果如下:


HBuilderX如何快速自定义修改注解和代码的颜色_第7张图片

此时,将光标定位到上面效果图代码第16行“#ala193”处,按Alt+鼠标左键(会有提示)修改自己喜欢的颜色即可。效果如下:

HBuilderX如何快速自定义修改注解和代码的颜色_第8张图片HBuilderX如何快速自定义修改注解和代码的颜色_第9张图片

你可能感兴趣的:(大前端,Hbuilder,前端)