打造漂亮的 PhpStorm 界面

这个看脸的时代,连 IDE 都要长得漂亮... 三步打造一个漂亮的 IDE

修改 editor 主题

默认的主题不太多,可以自己添加自定义的主题。

  1. 网站 Daylerees 有许多主题的预览,选择自己喜欢的主题;
  2. 所有的主题可以在 Github 上找到,选择 jetbrains 文件夹,查看自己喜欢的主题;
  3. 查看该主题的 raw,复制浏览器中的地址,比如:https://raw.githubusercontent.com/daylerees/colour-schemes/master/jetbrains/peacock.icls
  4. 在 mac 中,打开 ~/Library/Preferences/PhpStorm2016.3/colors 文件夹,使用 wget 下载该主题;Windows 中的目录好像是 Users/用户名/PhpStorm2016.3/config/colors
  5. 重启 PhpStrom,在 Preferences>Editor>Color&Fonts 中选择指定的主题;

修改 Project 栏的颜色

在修改了 editor 的主题之后,左边的 Project 栏的颜色跟 editor 不一致,可以使用 color 插件来实现一致的主题。

  1. 打开 Preferences,选择 Plugin,打开 Browse repositories;
  2. 搜索 Color ide 插件,安装;
  3. 重启 PhpStorm,这样 Project 栏和 Editor 的主题颜色已经一致;

修改文件类型图标

修改 Phpstorm 默认的文件类型图标:

打开 Preferences>Plugin,点击 Browse repositories 然后搜索 Material Theme UI;

最后效果我还是挺喜欢:

file

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由系统于 6年前 自动加精
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 41
leo

没有艺术细胞的人表示还是用自带的主题吧

7年前 评论
幽弥狂

好像有很多东西没有讲到,,,

7年前 评论

不错,一直烦恼没有好看的 Light 配色,?

7年前 评论

纠正一下 windows 的路径是 Users/用户名/PhpStorm2016.3/config/colors
详见 http://www.phpstorm-themes.com/content/hel...

7年前 评论

@Hanccc 多谢,昨天写的时候记得不是太清~

7年前 评论

@ADKi 我也是用的这个 :smile:

7年前 评论

除了 UI 外,一些组件我也选择关闭,可以扩大视野,更专注代码本身,其他的都通过快捷键解决,比如 toolbar,导航条之类的,具体可以参考 Jeffery Way 的 PhpStorm 系列

7年前 评论
chongyi

现在对于编辑器风格主题已经懒得折腾了 :joy:

7年前 评论

@ADKi 换主题什么的倒是其次,我之前不知道怎么换那个文件类型的图标,然后昨天找到了。。。很兴奋 结果你们都已经知道了 - -也没人写个教程什么的

7年前 评论
DukeAnn

@oustn ..我以为大神们都知道

7年前 评论

你的主题是什么呀

7年前 评论
chongyi

@ADKi 那么多东西哪能全部知道 :sweat_smile:

7年前 评论

越换越丑
还是default的好看...

7年前 评论
幽弥狂

@lifesign 求链接

7年前 评论

这个IDE非常好用:smile:

7年前 评论

mac版的主题终于知道哪里出问题了

7年前 评论
Destiny

file

这个主体我也在用 beautiful !

7年前 评论

喜欢sublime的风格,在phpstorm上改风格,有些语法死活改不出sublime的效果来,强迫症表示不能接受

7年前 评论

感谢楼主的分享,这才是干货

7年前 评论
hainuo

@wlight 什么问题啊

7年前 评论
Atzcl

@oustn 能麻烦告诉下文章最后那图的主题名称叫什么吗?是 Material Theme UI 吗?

6年前 评论
Atzcl

找到了,是不是 Material Peacock ?

6年前 评论

Color ide 这个会改变字体挺烦的

6年前 评论

Color ide 好像对2017.2.3版本不起作用了

6年前 评论

第四步,如何下载

6年前 评论

搜不到Color ide这个插件啊!!!

6年前 评论

file
这个括号内view 的这个样式看起来好不美好,如何取消掉啊?

6年前 评论

@ADKi 代码配色用的什么主题?

6年前 评论
DukeAnn

@zohar727 Material Theme UI

6年前 评论

@ADKi

file
字体颜色太丑了咋改呢?

6年前 评论

@ADKi 还有就是那些按钮图标怎么弄出来的呢

6年前 评论
DukeAnn

@xingxiaoli 选主题,图标是一些菜单栏,显示出来就行了

6年前 评论

@xingxiaoli 你这个是怎么弄的呀 有没有教程呢 求分享 不胜感激~~~

5年前 评论

file
在setting里面,设置下背景就可以了

5年前 评论

windows 10 在目录下用 wget 下载后,显示 200 成功,但是目录下并没有文件。

5年前 评论

@ADKi 楼主你好,请问怎么安装啊,我在github主页没有找到raw,下载了一个压缩包,并不是.icls文件,找了半天找到了一坨.xml文件,但是不懂得phpstorm怎么安装.xml主题

![Uploading file...]()

5年前 评论

这个配色是什么 求分享

3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!