玩转 PhpStorm 系列(一):主题切换、自定义和第三方主题安装


从今天起,学院君开始给大家演示如何玩转 PHP 中最好用的 IDE —— PhpStorm,作为开篇,我们先来演示如何在 PhpStorm 切换及安装主题。

切换主题

PhpStorm 中的主题分为外观主题和编辑器主题两部分,顾名思义,外观主题负责 PhpStorm 整体的主题,而编辑器主题负责代码编辑区域的主题:

-w1427

外观主题

我们可以在 Preferences | Appearance & Behavior | Appearance 中切换外观系统自带的不同主题:

-w972

下面的字体和字号控制的也是代码编辑器以外的区域字体和字号,不会对编辑器区域的字体和字号产生影响。

编辑器主题

而代码编辑器区域的主题可以在 Preferences | Editor | Color Scheme 中设置:

-w902

PhpStorm 主题从大的色调来说分为暗黑和明亮,在同一个色调下切换编辑器主题,只会切换编辑器主题,编辑器以外的外观主题不会变动,但是如果从一个色调切换到另一个色调,则外观主题也会随之切换,切换之前有相应的提示:

-w580

-w1209

如果在同一个暗黑主题下由上述 Darcula 切换到 Blackboard,则编辑器以外的部分不会切换:

-w798

-w1214

如果要调整代码编辑器部分的字体和字号,可以在 Preferences | Editor | Font 中进行全局设置,也可以在 Preferences | Editor | Color Scheme | Color Scheme Font 中针对特定主题进行设置(勾选下红框圈中的复选框才可以编辑):

-w989

自定义主题

外观主题是不支持自定义的,编辑器主题可以,如果你想对某个编辑器主题进行自定义设置,可以从系统自带的主题中拷贝一份:

-w869

然后针对拷贝的副本进行自定义设置即可:

-w962

设置完成后,应用更改,就可以在主题下拉框中看到新增的主题方案了:

-w774

当然,你可以按照自己的喜好对其进行重命名。

除了打开 Preferences (Windows 系统中是 Settings)界面进行配置之外,还可以在 View 导航栏下通过 Quick Switch Scheme... 快速切换主题:

-w665

-w224

包含编辑器主题(Editor Color Scheme)和外观主题(Theme),自行点击体验即可,这里不再赘述。

安装第三方主题

除了在系统自带主题之间切换和基于自带编辑器主题进行自定义外,PhpStorm 还支持安装第三方编辑器主题,你可以在 https://github.com/daylerees/colour-schemes 这个项目中看到非常丰富的第三方 Jetbrains 主题(适用于 PhpStorm):

-w834

你可以在 http://daylerees.github.io/ 页面看到上述所有主题的预览效果。我们以 laravel.icls 为例来演示安装第三方主题(编辑器主题)。

在本地进入 PhpStorm 主题目录,我的版本是 2020.1,所以对应的目录是 ~/Library/Application\ Support/JetBrains/PhpStorm2020.1(以 Mac 系统为例),所有的主题都位于该目录的 colors 子目录下,我们将 laravel.icls 文件下载到该目录:

cd ~/Library/Application\ Support/JetBrains/PhpStorm2020.1
cd colors
wget https://raw.githubusercontent.com/daylerees/colour-schemes/master/jetbrains/laravel.icls

重启 PhpStorm,就可以看到在编辑器主题选择列表里,可以支持切换到 Laravel 主题了:

-w805

-w1203

默认字体比较小,可以通过自定义编辑器主题进行调整:

-w1191

好了,关于 PhpStorm 的主题切换、自定义以及如何安装第三方主题,学院君就简单介绍到这里,希望对你学习使用 PhpStorm 有所帮助,下篇教程,我们来演示如何在 PhpStorm 中通过菜单栏导航和快捷键快速进行文件和代码的导航。

(全文完)

本系列教程会录制视频演示并发布到学院君微信视频号,欢迎扫码关注:

学院君视频号

点赞 取消点赞 收藏 取消收藏

<< 上一篇: 目录索引

>> 下一篇: 玩转 PhpStorm 系列(二):通过快捷键实现代码全局导航和上下文导航