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文件，然后最后导入即可。

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

最后，我的setting导出：mysetting

以及monokia

唯有不断学习方能改变！ -- Ryan Miao

webstom设置和monokia配色方案相关推荐

wordpress默认密码_如何在WordPress中为新用户设置默认管理员配色方案
wordpress默认密码 One of the most talked about feature of WordPress 3.8 is the new admin interface. It i ...
注册表被黑客篡改怎样修复_使用快速注册表黑客设置Office 2007配色方案
注册表被黑客篡改怎样修复 We've written previously about how to set the Office 2007 color scheme away from that ...
secureCRT,永久设置,保护眼睛,配色方案
配色后效果如下: 下面开始配色 1.选项(Options)==>会话选项(Sessions options)==>终端(Terminal)==>仿真(Emulation) 按图中标注 ...
给Xshell设置舒适的配色方案
1.把下面的内容保存到一个文件里,文件名为:Solarized Dark.xcs [Solarized Dark] text(bold)=839496 magenta(bold)=6c71c4 tex ...
vim php 配色方案,php 文件资源管理器vim设置默认字体、窗口大小和配色方案
其实很几个月前我就开始使用vim这款编辑器了,只是没有找到设置的方法,所以一直都没有使用.昨天解决了我多这款编辑器所有的问题和大家分享下方法. 下面的修改都是在一个文件_vimrc进行的,该文件在你的 ...
secureCRT设置配色方案
secureCRT,永久设置,保护眼睛,配色方案 2016年04月12日 10:54:50 阅读数:41883 配色后效果如下: 下面开始配色 1.选项(Options)==>会话选项(Sess ...
VSCode自定义配色方案
说明本文更新于2017-07-24,使用VSCode 1.14.1,操作系统为Windows. 配置文件 "文件-首选项-颜色主题"即可显示所有可用的颜色主题,上下选择后Ente ...
【转载】设置Windows中gvim的默认配色方案和字体
/*gvim无法自动保存当前的设置,比如字体.配色方案.所以需要修改一下gvim的配置文件,使得每次都可以载入我们所希望的设置.修改vim安装目录下的_vimrc文件,把配色方案设置成黑色背景灰色文字 ...
CodeBlocks配色方案设置（简单易懂）
CodeBlocks配色方案设置(简单易懂) 最终成品方法 1.首先进入codeblocks官网找到colour theme代码. 直接点链接: codeblock wiki 从以上截图往下 ...

webstom设置和monokia配色方案

1、引子

2、主题

3、配色

webstom设置和monokia配色方案相关推荐

最新文章

热门文章