369Cloud IDE 取色器使用小技巧

369Cloud IDE 取色器功能是增强用户体验实现可视化编辑的一项功能。
优点:根据取色器画板颜色,可直接点击选取生成颜色代码,亦可自定义所需颜色
注意:所有页面都开启取色器,IDE运行速度会减慢
技巧:当前页面开启取色器即可

取色器之小技巧

1.打开css文件,右键代码行号,点击 “显示ColorColumn” 打开取色器; 


369Cloud IDE 取色器使用小技巧_第1张图片


2.输入一个颜色标签:


369Cloud IDE 取色器使用小技巧_第2张图片


369Cloud IDE 取色器使用小技巧_第3张图片


369Cloud IDE 取色器使用小技巧_第4张图片


2.代码左侧出现的小色块就是取色器,点击弹出取色器窗口


369Cloud IDE 取色器使用小技巧_第5张图片


3.选择一个需要的颜色,点击确定,代码中的颜色编码会相应的改变。


369Cloud IDE 取色器使用小技巧_第6张图片


说明:

1.设置添加取色器,只对当前设置的css文件有效。其他css文件的取色器需另行设置。
2.如果为多个css文件均设置了取色器时,IDE编辑器可能会出现编辑不流畅的现象。建议将编写完成的css文件取消取色器设置。

转载于:https://my.oschina.net/u/2489985/blog/649959

你可能感兴趣的:(369Cloud IDE 取色器使用小技巧)