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

webstorm怎么运行vue项目Apr 08, 2024 pm 01:57 PM

要使用 WebStorm 运行 Vue 项目，可以按照以下步骤进行操作：安装 Vue CLI创建 Vue 项目打开 WebStorm启动开发服务器运行项目查看浏览器中的项目在 WebStorm 中调试项目

WebStorm2021如何安装？安装教程详解【附图】Aug 02, 2022 pm 05:27 PM

对于入门JavaScript 开发的者，最重要的就是安装WebStorm软件，一款非常优秀的JavaScript工具，在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天分享WebStorm2021.3.2版本的安装教程，从下载到安装以及创建项目带大家完整的走一遍。

webstorm怎么创建htmlApr 08, 2024 pm 01:42 PM

使用 WebStorm 创建 HTML 项目分五步：创建新项目并配置 HTML 设置；添加新 HTML 文件；编写 HTML 代码并利用实时预览；预览 HTML 文件并进行部署；使用模板和 Emmet 快捷方式加快开发。

webstorm怎么切换中文Apr 08, 2024 pm 01:30 PM

WebStorm 中切换中文方法：打开设置面板（Windows/Linux：Ctrl + Alt + S；macOS：Command + ,）。导航至“外观和行为”>“语言和框架”。在“用户界面语言”下拉菜单中选择“IntelliJ IDEA 用户界面”。在“Locale”列表中选择所需的中文语言（例如“中文（中国大陆）”）。点击“应用”，重启 WebStorm。

webstorm怎么改中文版Apr 08, 2024 pm 12:24 PM

将 WebStorm 更改为中文版：打开 WebStorm 设置。导航到“Appearance & Behavior”>“Language & Fonts”。在“User Interface Language”中选择“Chinese (Simplified)”或“Chinese (Traditional)”。重启 WebStorm，界面将显示为中文。