WebStorm设置颜色提示的方法

--- 使用WebStorm学习前端的时候，在2016-02-01被人问到如何设置WebStorm的颜色提示。据说度娘没有设置方法，我找了一下设置后发现了位置，今天写了这篇设置方法来说明一下。 软件版本号：JetBrains WebStorm 8.0.4 ### 开启步骤 1 File-Settings ![](http://7xqvz5.com1.z0.glb.clouddn.com/image/20170206_WebStorm_Color_Indicate_1.png) 2 IDE Settings-Editor ![](http://7xqvz5.com1.z0.glb.clouddn.com/image/20170206_WebStorm_Color_Indicate_2.png) 3 Appearance-Show CSS color preview icon in gutter & Show CSS color preview as background ![](http://7xqvz5.com1.z0.glb.clouddn.com/image/20170206_WebStorm_Color_Indicate_3.png) ### 实际效果 ![](http://7xqvz5.com1.z0.glb.clouddn.com/image/20170206_WebStorm_Color_Indicate_4.png) 放大的部分和黄色矩形圈起来的部分就是Show CSS color preview icon in gutter的效果：在行号旁边用有颜色的小方块标识选择的颜色。 红色矩形圈起来的部分就是Show CSS color preview as background的效果：颜色值的背景色是选择的颜色。 ---
posted on 2017-02-07 09:16  QinRoc  阅读(14794)  评论(0)    收藏  举报