webstorm-主题和配色

1、引子

以前介绍过 Sublime text 3 系列的文章,着重介绍了 Sublime text 3 如何下载、安装、插件、配置等内容。Sublime text 3的轻量和富扩展,为前端开发带来了很多的便捷,加快了代码的书写速度,尤其是配上 emmet,那书写速度堪称光速。

现在,要隆重介绍的前端开发工具webstorm,为什么说它是前端开发工具,而不是前端开发编辑器呢?它具备的功能,不只只是编辑器这么简单,还包含了任务管理、历史管理、版本管理、工程管理、代码检查、代码调试等功能,当然它也有丰富的扩展,能满足前端开发的大部分要求。官方网站称之为是The smartest JavaScript IDE,下面几篇文章会慢慢的说到它的强大之处,你会觉得他是世界上最好的 javascript 开发工具确实是不为过。

2、主题

在使用 webstorm 的时候,推荐使用黑色的主题,看起来更加的纯净,也会让使用者更加的专注书写代码。打开菜单配置选项:

在 IDE Settings > Appearance 的右边菜单里,选择 Theme > Darcula主题即可。IDE Settings 指的是 webstorm 的全局配置。

3、配色

从 Sublime text 3 转过来的朋友,对默认的配色 monokia 想必非常的喜欢,在 webstorm 里你依然可以继续使用它,不过默认是没有这个配色的,需要从下载添加进去。

打开https://github.com/OtaK/jetbrains-monokai-sublime 链接,然后点击右边的下载ZIP文件即可。解压之后,会得到一个Monokai-Sublime.jar文件,这个文件就是配色的打包文件,可以使用 webstorm 导入即可。打开菜单:

选择 Import Settings,然后选择刚才下载的Monokai-Sublime.jar文件,然后最后导入即可。

最后来张主题和配色的预览图,是不是觉得非常漂亮。

4、参考链接

时间: 2024-08-03 07:07:05

webstorm-主题和配色的相关文章

WebStorm主题设置

对于使用WebStorm作为开发工具的筒子们,应该忍受不了默认的主题吧,但是自己去一个一个设置又太繁琐.So,去网上下个主题那是必须的.搜来一圈,发现一个网站提供了不少主题.闲话少说,进入正题. 1.首先从WebStorm主题上下载自己喜欢的主题. 2.然后将主题文件copy到一个文件夹下.使用OSX系统的童鞋放到 ~/Libray/Preferences/WebStorm/colors/:Windows的童鞋方法 C:/Users/UserName/.WebStorm/config/color

Visual Studio主题与配色方案

有个性的开发人员总是喜欢使用属于的主题和配色方案,它们可以看出开发者的个性,更改它们可以缓解审美疲劳,总之选择一个适合自己的解决方案可能极大的增加自己的编码舒适度. 配色方案的选择和使用 手动修改Visual Studio字体和颜色来现实属于自己的配色实在是太麻烦,我也不推荐大家使用 这样的方式,我给大家推荐几个常用的配色方案: 上面总有一款适合自己的配色方案,需要下载的朋友可以到 StudioStyle  去下载自己喜欢的配色方案. 下载之后先不着急安装,如果您的Visual Studio安装

webstorm 主题设置 皮肤设置

推荐个编辑器主题下载的一个网站.[点这里] 但是,只支持几个编辑器. 各种颜色搭配的主题,随你选择!我个人比较喜欢这三种~~ 一.导入下载主题 下载之后是一个 .jar文件. 下一步,在webstorm程序中选择 : 菜单栏 File -> Setting ->Import Settings  选中下载的.jar文件  就可以了 ps:导入下载的文件只能改变工作区的配色.目录区以及菜单区的底色改变要首先设置下面的 第四 部分. 二.字体设置 导入的主题字体我不是很喜欢. 习惯用 Lucida

最爱的Javascript神器之webstorm 主题设置 皮肤设置

推荐个编辑器主题下载的一个网站. Color Themes    网址:http://color-themes.com [点这里直接跳转] 但是,只支持几个编辑器. 各种颜色搭配的主题,随你选择!我个人比较喜欢这三种~~ 一.导入下载主题 下载之后是一个 .jar文件. 下一步,在webstorm程序中选择 : 菜单栏 File -> Import Settings  选中下载的.jar文件  就可以了 ps:导入下载的文件只能改变工作区的配色.目录区以及菜单区的底色改变要首先设置下面的 第四

更换webstorm主题

webstrom的默认主题有点丑,我们来更换一下主题吧 第一步:下载主题 在地址栏输入http://www.phpstorm-themes.com找到自己喜欢的主题,注意:记得下xml后缀的 我比较喜欢sublime的主题 右键下面的“将连接另存为”,先保存在桌面 第二步:添加主题文件到webstrom 先打开------->------->------->新建一个名叫colors的文件夹------然后将下载的文件放进去 第三步:在webstorm更换主题 打开webstorm----

webstorm主题配置

导入下载好的主题 自定义语法高亮用ctrl+alt+s打开Settings界面,Editor > Colors&Fonts. 不同语言有各自的语法高亮规则,但有一部分是通用的(General),我们首先来设置General,然后再根据需要设置不同语言的语法高亮. General的设置普通文本:default text折叠文本: Folded text光标: Caret光标所在行: Caret row行号: Line numberTODO: TODO default光标下变量高亮:Search

android material design主题在线配色

https://www.materialpalette.com/ 在这个工具中,你可以先选择主色和重点色.选完之后工具会自动生成即时预览图并提供多种下载的方式. https://www.materialui.co/colors 这是一个漂亮的“小抄”,它把所有能提供给你的颜色汇聚在一个页面上供你选择.很不错哦! 原文地址:https://www.cnblogs.com/yfq1/p/9629509.html

webstorm入门1-主题和配色

1.引子 以前介绍过 Sublime text 3 系列的文章,着重介绍了 Sublime text 3 如何下载.安装.插件.配置等内容.Sublime text 3的轻量和富扩展,为前端开发带来了很多的便捷,加快了代码的书写速度,尤其是配上 emmet,那书写速度堪称光速. 现在,要隆重介绍的前端开发工具webstorm,为什么说它是前端开发工具,而不是前端开发编辑器呢?它具备的功能,不只只是编辑器这么简单,还包含了任务管理.历史管理.版本管理.工程管理.代码检查.代码调试等功能,当然它也有

webstorm与phpstorm主题配置

原创. 更换webstorm的主题的,照着网上的教程试了好多次都发现不行,而且我之前有个同学也是这样的问题,找不到相关的colors文件夹,所以在网上教程的基础上对于更改主题做了细微的修改. 1.下载主题文件 首先是上webstorm的theme网站上下载到自己想要的主题文件,可以是xml,也可以是jar包.当然如果上不了官网的话则可以去github上找到相应的开源文件.一般来说主题我们都是使用 原本在sublime上习惯的风格,而这种风格我们叫做monokai,找到相应的monokai主题下载