![](http://oqefp0r4y.bkt.clouddn.com/editor_index.png)

### 说明
1. 走一波配置流,莫等闲,高效快速开发,从自己的常用的工具开始
2. 寻找舒适的工作方式,仅仅是一个开始

### **[PhpStorm](https://www.jetbrains.com/phpstorm/)**

* **插件推荐**

1. 之前一篇文章已经提到过-->[PhpStorm简单用法心得](https://www.reallyli.xin/2017/05/19/phpstorm.html)
2. 还有一款插件也不错,设置自己舒适的编辑习惯[EditorConfig](http://editorconfig.org)

![](http://oqefp0r4y.bkt.clouddn.com/phpstorm_editorconfig.png)

* **主题推荐**

1. 那么这里推荐必备主题-->[material-theme](https://github.com/equinusocio/material-theme),如下图调整适当的Line spacing、Size、Primary font可以定制自己喜欢的style,搭配插件[Color IDE](https://github.com/dmalch/ColorIde)同步Sidebar背景样式和主题一致,``Command + Shift + A``轻松搜索、或者尝试``ctrl+` ``都可以快速切换你想要的主题

![](http://oqefp0r4y.bkt.clouddn.com/phpstorm_material_dowload.png)

![](http://oqefp0r4y.bkt.clouddn.com/phpstorm_material_way.png)

![](http://oqefp0r4y.bkt.clouddn.com/phpstorm_material_shift.png)

![](http://oqefp0r4y.bkt.clouddn.com/phpstorm_material_theme.png)

2. 还有一款主题[Monokai](http://www.phpstorm-themes.com/theme/monokai)一直在sublime等编辑器中相当受青睐

### **[Atom](https://atom.io/)**

* **插件推荐**

1. 第一首要推荐的当属[platformio-atom-ide-terminal](https://github.com/platformio/platformio-atom-ide-terminal), ``shift-cmd-T``调起ide-terminal,这时候会默认进入当前项目文件夹,在开发Laravel项目的时候方便配合使用artisan和php命令行。更多的配色方案和快捷键使用可进入packages-setting中查看。

![](http://oqefp0r4y.bkt.clouddn.com/atom-ide.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_ide_search.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_ide_keybind.png)

2. 格式化代码样式插件[atom-beautify](https://github.com/Glavin001/atom-beautify)一直排在插件下载榜单的前列,其原因当属支持多种语言的代码beautify,``ctrl-alt-b``一键格式化,或者如下图进入packages-setting中启用Beautify On Save,每次保存代码时即可格式化。

![](http://oqefp0r4y.bkt.clouddn.com/atom-beat-html.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom-beat-keybind.png)

3. 想在Atom中使用git命令,快速diff文件改动,以及提交当前代码,强烈推荐[git-plus](https://github.com/akonwi/git-plus),配置好本地的Git Path,进入packages-setting中查看快捷键便体验你的``git for atom``,`` command+shift+p `` 快速搜索diff、log等git相关变动跟踪文件的修改情况,心动不如行动,立即体验一把!

![](http://oqefp0r4y.bkt.clouddn.com/atom_gitplus_index.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_gitplus_diff.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_gitplus_log.png)

4. 文件目录图标的插件也让人眼前一亮-->[File Icons](https://github.com/file-icons/atom),想resize你的图标,进入Open Config Folder找到对应的文件夹,定制你想要的style,``Cmd/Ctrl + Shift + P``搜索File Icons然后Clear Cache!

![](http://oqefp0r4y.bkt.clouddn.com/atom_setting_fileicon.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_fileicon.png)

5. php开发必不可少的插件-->[php-cs-fixer](https://atom.io/packages/php-cs-fixer),当然在[php-the-right-way](https://laravel-china.github.io/php-the-right-way/)也介绍过使用[PHP编码标准修复器](http://cs.sensiolabs.org/),可以让你预览编码不合格的部分,``php-cs-fixer fix -v --level=psr2 file.php``,此插件在Atom中的具体设置需要本地安装的php路径以及php-cs-fixer路径,也可在配置项中配置你想校验的规则。如下图发现错误情况会显示在窗口右上角。启用Execute on save配置项可预览编码是否合格的情况,现在你就搭上这款插件开始调试吧!

![](http://oqefp0r4y.bkt.clouddn.com/atom_cs_fixer.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_csfixer_error.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_csfixer_rule.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_csfixer_save.png)

* **主题推荐**

1. 我这里依然热衷于-->[atom-material-ui](https://github.com/atom-material/atom-material-ui)-->[material-ui](https://github.com/leo/material-ui)其独特的风格以及画面感十足一直霸占在主题排行榜的前列。进入对应的配置项可修改其color。

![](http://oqefp0r4y.bkt.clouddn.com/atom_theme_material.png)

![](http://oqefp0r4y.bkt.clouddn.com/atom_theme_setting.png)

### [Sublime](https://packagecontrol.io/)
* **插件推荐**

1. 又是php开发必不可少的插件[sublime-phpcs](https://github.com/benmatselby/sublime-phpcs), ``command+shift+p``搜索Package找到phpcs安装即可,具体需要配置``"phpcs_php_path", "phpcs_executable_path", "phpmd_executable_path" and "php_cs_fixer_executable_path"``等相关路径,如果想要修改规则,进入Default Setting中搜索``additional_args``定制合理规范,复制到当前插件的User-Setting中reload即可。

![](http://oqefp0r4y.bkt.clouddn.com/sublime_phpcs_setting.png)

![](http://oqefp0r4y.bkt.clouddn.com/sublime_phpcs_showsetting.png)

![](http://oqefp0r4y.bkt.clouddn.com/sublime_phpcs_error.png)

* **主题推荐**

1. 以我的习惯,还是常常使用[Materialize](https://github.com/equinusocio/material-theme),打开Setting配置项可加入``"theme": "Material One Dark.sublime-theme"``一项同步Sidebar样式与当前主题保持一致。

![](http://oqefp0r4y.bkt.clouddn.com/sublime_theme_setting.png)
### [iTerm2](https://www.iterm2.com/)
* **配置插件推荐**

1. 搭载最新的[Oh My Zsh](http://ohmyz.sh/)神器,随意切换各种你想要的主题样式,配置文件在``cat ~/.zshrc``,修改主题配置-->``ZSH_THEME="robbyrussell"``,想要查阅各种主题-->[External-themes](https://github.com/robbyrussell/oh-my-zsh/wiki/External-themes),本地主题目录在``~/.oh-my-zsh/themes``,个人目前使用的是``zeta``,速度搭载配置体验一把吧!

![](http://oqefp0r4y.bkt.clouddn.com/iterm2_zsh_setting.png)

2. 想要在iTerm2中实时预览当前版本控制目录的代码提交记录可安装-->[tig](https://github.com/jonas/tig/blob/master/INSTALL.adoc),选中提交记录行然后``enter``弹出窗口显示diff浏览记录

![](http://oqefp0r4y.bkt.clouddn.com/iterm2_tig_index.png)

3. 想要在iTerm2中cat某个文件时高亮显示代码可安装-->[ccat](https://github.com/jingweno/ccat)

![](http://oqefp0r4y.bkt.clouddn.com/iterm2_ccat_show.png)

4. 想要在iterm2中记录提示之前敲过的命令,并下次提示在命令行中时请安装-->[zsh-autosuggestions](https://github.com/zsh-users/zsh-autosuggestions),初始化配置项可在``~/.zshrc``中添加``source ~/.zsh/zsh-autosuggestions/zsh-autosuggestions.zsh``即可开始体验!详情可看-->[Installing zsh-autosuggestions](https://asciinema.org/a/37390)

* **==主题推荐==**

1. 可以直接[Dowload material-theme](https://github.com/mbadolato/iTerm2-Color-Schemes#material),我自己使用的material配色方案,在原有的基础上稍微做一下修改,随意定制你想要的颜色。

![](http://oqefp0r4y.bkt.clouddn.com/iterm2_theme_setting.png)

配置你的Editor的更多相关文章

  1. [Python] Magic editor in Pycharm

    From: http://blog.csdn.net/u013088062/article/details/50249751 From:http://blog.csdn.net/u013088062/ ...

  2. 高效开发者是如何个性化VS Code插件与配置的?

    2年之前,我放弃了Sublime Text,选择了Visual Studio Code作为代码编辑器. 我每天花在VS Code上的时间长达5~6个小时,因此按照我的需求优化VS Code配置十分必要 ...

  3. visual studio code 编辑器的配置及快捷键等, vscode, csc

    visual studio code (vsc) 对开发node.js,javascript,python,html,golang等比较友好,同时支持git浏览及分屏对比,运行速度快,所以是值得一用的 ...

  4. WebStorm 常用安装,配置,快捷键

    WebStorm  软件资源   http://pan.baidu.com/s/1c2OmyQW(不建议使用汉化版,都已可能出现很多意想不到的问题) * Web前端集成开发工具 - WebStorm ...

  5. Ubuntu 配置 Android 开发 环境

    . 果断换Ubuntu了, Ubuntu的截图效果不好, 不能设置阴影 ... 作者 : 万境绝尘 转载请注明出处 : http://blog.csdn.net/shulianghan/article ...

  6. [转]Ubuntu 配置 Android 开发 环境

    转自:http://blog.csdn.net/shulianghan/article/details/20855541 1. 安装 Android Studio (1) 下载Android Stud ...

  7. DICOM:DICOM万能编辑工具之Sante DICOM Editor

    版权声明:本文为zssure原创文章,转载请注明出处,未经允许不得转载.   目录(?)[-] 背景 DICOM Service的配置 Sante DICOM Editor自启动的服务 PACS查询下 ...

  8. 打造高效前端工作环境-tmuxinator

    前言  虽然tmux能让我们方便组织工作环境,但每次重新打开会话时都需要手动重新创建窗口.窗格和执行各种程序,能不能像VS那样以工程为单位保存窗口.窗格和各种所需执行的程序的信息呢?tmuxinato ...

  9. links and softwares

    links 普通 http://www.ncpa-classic.com//special/2014gejujie/index.shtml ; 中国大剧院 http://tieba.baidu.com ...

随机推荐

  1. 用pl/sql游标实现约瑟夫环

    什么是约瑟夫环: 约瑟夫环(约瑟夫问题)是一个数学的应用问题:已知n个人(以编号1,2,3...n分别表示)围坐在一张圆桌周围.从编号为1的人开始报数,数到m的那个人出列:他的下一个人又从1开始报数, ...

  2. 20155304 实验一《Java开发环境的熟悉》实验报告

    20155304 实验一实验报告 实验一 Java开发环境的熟悉 实验内容 1.使用JDK编译.运行简单的Java程序: 2.使用IDEA编译.编译.运行.调试Java程序. 实验步骤 (一)命令行下 ...

  3. c#FTP操作类,包含上传,下载,删除,获取FTP文件列表文件夹等Hhelp类

    有些时间没发表文章了,之前用到过,这是我总结出来关于ftp相关操作一些方法,网上也有很多,但是没有那么全面,我的这些仅供参考和借鉴,希望能够帮助到大家,代码和相关引用我都复制粘贴出来了,希望大家喜欢 ...

  4. Angular.js学习笔记(三)

    一.过滤器 1.uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRI ...

  5. tolua#代码简要分析

    简介 tolua#是Unity静态绑定lua的一个解决方案,它通过C#提供的反射信息分析代码并生成包装的类.它是一个用来简化在C#中集成lua的插件,可以自动生成用于在lua中访问Unity的绑定代码 ...

  6. js中字符串转换为日期型

    简介:字符串转日期型函数 传入一个字符串格式的日期,如何转换为日期型的.以下为转换方案. //字符串转换为日期函数,返回日期型(传入的日期格式2014-04-22) function StringTo ...

  7. 【转载】stm32的GPIO八种工作模式

    一.推挽输出:可以输出高.低电平,连接数字器件:推挽结构一般是指两个三极管分别受两个互补信号的控制,总是在一个三极管导通的时候另一个截止.高低电平由IC的电源决定.         推挽电路是两个参数 ...

  8. 使用SSH框架查出的实体集合用AJAX形式刷新到页面JOSONArray报异常

    所报异常:net.sf.json.JSONException: java.lang.reflect.InvocationTargetException 问题根源:数据库中查出的日期是java.sql. ...

  9. eharts入门篇一

    1.导入文件样式 从官网下载界面选择你需要的版本下载,根据开发者功能和体积上的需求,我们提供了不同打包的下载,如果你在体积上没有要求,可以直接下载完整版本. 2,引入 ECharts 文件  < ...

  10. 基于CSS的个人网页

    前端时间做的CSS作业:基于CSS的个人网页 基于CSS的个人网页 效果图: 代码: <!DOCTYPE html> <html> <head> <meta ...