打造漂亮的 PhpStorm 界面
67

这个看脸的时代,连 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

本帖由系统于 7个月前 自动加精
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 40
leo

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

1年前

@leo :smirk:

1年前

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

1年前

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

1年前
Hanson

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

1年前

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

1年前
ADKi
1年前
lifesign

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

1年前
lifesign

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

1年前

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

1年前

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

1年前
ADKi

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

1年前
Max

你的主题是什么呀

1年前

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

1年前
米休love

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

1年前
Alex331349470

这个IDE非常好用:smile:

1年前

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

1年前
Destiny

file

这个主体我也在用 beautiful !

1年前

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

1年前
mr

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

1年前

@wlight 什么问题啊

1年前
Atzcl

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

1年前
Atzcl

找到了,是不是 Material Peacock ?

1年前

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

1年前

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

1年前

第四步,如何下载

9个月前

ashaskash

8个月前

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

7个月前

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

7个月前

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

5个月前
ADKi

@zohar727 Material Theme UI

5个月前

@ADKi

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

5个月前

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

5个月前
ADKi

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

5个月前

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

5个月前

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

5个月前

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

3个月前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!