WebStorm设置颜色提示的方法-css教程-PHP中文网

开启步骤

实际效果

首页

web前端

css教程

WebStorm设置颜色提示的方法

高洛峰

Feb 09, 2017 pm 05:02 PM

webstorm

使用WebStorm学习前端的时候，在2016-02-01被人问到如何设置WebStorm的颜色提示。据说度娘没有设置方法，我找了一下设置后发现了位置，今天写了这篇设置方法来说明一下。

软件版本号：JetBrains WebStorm 8.0.4

开启步骤

1 File-Settings

WebStorm设置颜色提示的方法

2 IDE Settings-Editor

WebStorm设置颜色提示的方法

3 Appearance-Show CSS color preview icon in gutter & Show CSS color preview as background

WebStorm设置颜色提示的方法

实际效果

WebStorm设置颜色提示的方法

放大的部分和黄色矩形圈起来的部分就是Show CSS color preview icon in gutter的效果：在行号旁边用有颜色的小方块标识选择的颜色。

红色矩形圈起来的部分就是Show CSS color preview as background的效果：颜色值的背景色是选择的颜色。

更多WebStorm设置颜色提示的方法相关文章请关注PHP中文网！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

AI Hentai Generator

免费生成ai无尽的。

显示更多

热工具

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

中文版，非常好用

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

热门话题

gmail邮箱登陆入口在哪里

7529

CakePHP 教程

1378

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

webstorm闪退怎么解决 Apr 08, 2024 pm 02:24 PM

解决 WebStorm 闪退问题的步骤：检查更新；重新启动计算机；禁用插件；重置设置；清除缓存；检查防火墙和防病毒软件；重新安装 WebStorm；联系支持团队。

webstorm怎么运行jsp项目 Apr 08, 2024 pm 03:39 PM

可以通过以下步骤在 WebStorm 中运行 JSP 项目：创建一个 Java Web 项目。配置项目，添加 Web 和 Java EE facet。在 "src/main/webapp" 目录中创建 JSP 文件。编写 JSP 代码，包括 HTML、Java 和 JSP 标签。部署并运行项目。在浏览器中输入应用程序上下文根目录访问 JSP 页面。

webstorm怎么连接数据库 Apr 08, 2024 pm 03:42 PM

可以通过以下步骤使用 WebStorm 连接数据库：1. 打开数据库工具窗口；2. 创建数据源；3. 连接到数据源；4. 查询数据库；5. 浏览表和数据；6. 编辑数据库对象；7. 管理用户和权限。

如何重启webstorm Apr 08, 2024 pm 07:15 PM

要重启 WebStorm，请按照以下步骤操作：使用快捷键：Windows/Linux：Ctrl + Shift + A，macOS：Cmd + Shift + A。在搜索字段中输入“重新启动”，然后选择“重新启动”。使用菜单：点击“文件”菜单，选择“重新加载”下的“重新启动”。使用任务管理器：在任务管理器或强制退出应用程序窗口中，选择 WebStorm 进程，然后点击“重启”或“重新启动”。