webstom设置和monokia配色方案

简介:

首先,最后配色结果如下:

本次配色参考几个文档:

http://frontenddev.org/article/webstorm-portal-1-subject-and-match-colors.html

http://www.cnblogs.com/dc10101/archive/2013/01/03/2842590.html


 

现备份如下:

1、引子

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

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

2、主题

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

img.png

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

3、配色

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

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

img.png

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


 

其中字体我修改了下,设置console,16号



本文转自Ryan.Miao博客园博客,原文链接:http://www.cnblogs.com/woshimrf/p/4589171.html,如需转载请自行联系原作者
相关文章
|
Web App开发 JavaScript 前端开发
webstom设置和monokia配色方案
首先,最后配色结果如下: 本次配色参考几个文档: http://frontenddev.org/article/webstorm-portal-1-subject-and-match-colors.html http://www.cnblogs.com/dc10101/archive/2013/01/03/2842590.html   现备份如下: 1、引子 以前介绍过 Sublime text 3 系列的文章,着重介绍了 Sublime text 3 如何下载、安装、插件、配置等内容。
931 0
|
Web App开发 前端开发
50 +漂亮的网站的配色方案(中)
Eastern Ranges Brooklyn Fare Trent Walton Puma Guerra Creativa Oyster Design Maurivan Luiz   Mutant Labs LondonCreat...
644 0
|
安全
50 +漂亮的网站的配色方案(上)
作为一个网页设计师,我花了很多时间寻找灵感的火花,确保我设计的是和新颖的适应当前的网络趋势的。       多数的时候,网站中脱颖而出的是那些使用明亮,大胆而有效的配色方案的,这些是我比较倾向于记住的。
645 0
50 +漂亮的网站的配色方案(下)
Quommunication Vamizi J Taylor Design New City Manchester City We Make Hull Digital Live 2009 Envato Great Works Finch C...
576 0
NetBeans主题配色方案加设置
1.网上下载主题的地址是:http://netbeansthemes.com/ **上面的主题我看了下但是感觉不太适合自己所以自己就仿照的设置了下下面我附上自己的配置信息 感兴趣的可以下载下来自己看下是否适合自己 链接为https://pan.
1647 0
|
Web App开发
Confluence 6 自定义配色方案
Confluence 的管理员可以修改 Confluence 的色彩配色方案。站点的默认配色方案将会在站点的默认空间上同时生效。
2062 0
|
缓存 容器
uniapp 中实现主题色配置切换
uniapp 中实现主题色配置切换
uniapp 中实现主题色配置切换
|
JavaScript
[设计] 地铁站点主题色的配色
基于地铁站点的主题色的配色 介绍 地铁的每个站点都有自己的主题色,比较好看,可以作为配色的参考。所有颜色的汇总: 总共87个颜色 配色色表 有人将它做成 CSS 色表,http://metrocolor.
1381 0

热门文章

最新文章