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 如何下载、安装、插件、配置等内容。

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

本次配色参考几个文档:

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号


 

最后,我的setting导出:mysetting

以及monokia





唯有不断学习方能改变! -- Ryan Miao
目录
相关文章
|
6月前
|
UED
【专栏:交互与用户体验篇】网页中的色彩搭配与配色方案
【4月更文挑战第30天】网页设计中,色彩搭配影响用户体验。了解色彩心理学、搭配原则及配色方案至关重要。色彩能传达信息、影响感知,通过对比与和谐、色彩平衡和层次创造良好视觉效果。单色、类似色、对比色和互补色四种配色方案各有优缺点,需根据目标用户和网页需求选择。恰当的色彩运用能提升美感,增强网页吸引力。
125 5
|
6月前
|
编解码 前端开发 UED
最常见的自适应布局方案
【4月更文挑战第2天】 最常见的自适应布局方案
71 9
|
编解码 前端开发
设计使用 | 四个免费的渐变配色网站
在进行设计工作时,有时候需要一些渐变的配色做底图更好看些,本来用Photoshop也可以自己制作,但是经常一做就很丑,所以还是直接找其他网站上的吧
652 0
设置 XShell 的默认全局配色方案
设置 XShell 的默认全局配色方案
422 0
|
缓存 容器
uniapp 中实现主题色配置切换
uniapp 中实现主题色配置切换
uniapp 中实现主题色配置切换
|
前端开发 小程序
分享几个工具配色的网站!
今天给大家分享几个无论是前端页面美化,还是网站页面设计都会用到的配色网站
201 0
NetBeans主题配色方案加设置
1.网上下载主题的地址是:http://netbeansthemes.com/ **上面的主题我看了下但是感觉不太适合自己所以自己就仿照的设置了下下面我附上自己的配置信息 感兴趣的可以下载下来自己看下是否适合自己 链接为https://pan.
1697 0
|
缓存 前端开发
前端使用自定义字体方案
工作中我相信大家都遇到过设计要求使用一些奇奇怪怪字体的需求,然后因为字体文件太大,选择切图。 我这个需求就厉害了,用户发的文章可以选择字体。这文章中可以出现的字就太多了,显然上个方案就不合适了,那我们是这么做的呢? 废话不多说,先上 demo,别问我 demo 是谁。 接口地址:https://www.lilnong.top/createfont?txt=%E6%B5%8B%E8%AF%95%E6%96%87%E5%AD%97 页面地址: https://www.lilnong.top/static/html/createfont.html
470 0
前端使用自定义字体方案
|
移动开发 小程序
小程序之使用阿里字体图标 定义主题的颜色 控制首页标题的样式 如何使用组件 水平居中和垂直居中的方式 H5 关于上线后
小程序之使用阿里字体图标 定义主题的颜色 控制首页标题的样式 如何使用组件 水平居中和垂直居中的方式 H5 关于上线后
|
Web App开发 前端开发 JavaScript
网页自适应跟随系统深色模式
近几年,各个主流操作系统都逐渐开端注重深色方式,从而改善用户在环境光亮低时的阅读体验。随着水果在 iOS 13 与 macOS Mojave 中添加了深色方式,除了 Linux 以外一切的主流操作系统都曾经完成了系统层级的深色方式。Linux 由于 DE、WM 的种类繁杂暂时没有统一的标准,但目前可以经过深色 GTK+ 主题、阅读器插件等方式完成“伪全局”深色方式。既然有了系统层级的适配,阅读器就可以读取深色方式开关,从而完成网页的自顺应。这就是新标准 prefers-color-scheme。
1155 0
网页自适应跟随系统深色模式