webstorm入门-主题和配色

男娘i 2021-09-15 20:26 490阅读 0赞

转自：[https://blog.csdn.net/xiaoyu411502/article/details/46702391][https_blog.csdn.net_xiaoyu411502_article_details_46702391]

仅用于学习！！！感谢原博主！！！

# 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 里你依然可以继续使用它，不过默认是没有这个配色的，需要从下载添加进去。

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

![img.png][img.png 1]

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

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

![img.png][img.png 2]

# 4、参考链接 #

*  官网：[![f][f 1]/images/20210813/f31df348d0ff4646ad14bf981da48433.png][f_f 1_http_www.jetbrains.com_webstorm]
 *  monokia：[![f][]https://github.com/OtaK/jetbrains-monokai-sublime][f_https_github.com_OtaK_jetbrains-monokai-sublime]

[https_blog.csdn.net_xiaoyu411502_article_details_46702391]: https://blog.csdn.net/xiaoyu411502/article/details/46702391
[img.png]: https://dn-fed.qbox.me/@/i/20150411132957936418702882
[f]: /images/20210813/2164a935b0a74fba97ce4ea53faeed7e.png
[f_https_github.com_OtaK_jetbrains-monokai-sublime]: https://github.com/OtaK/jetbrains-monokai-sublime
[img.png 1]: https://dn-fed.qbox.me/@/i/20150411133017877359182252
[img.png 2]: https://dn-fed.qbox.me/@/i/20150411133032751233554035
[f 1]: http://f.ydr.me//images/20210813/f31df348d0ff4646ad14bf981da48433.png
[f_f 1_http_www.jetbrains.com_webstorm]: /images/20210813/f31df348d0ff4646ad14bf981da48433.png