配置你的Editor

### 说明
1. 走一波配置流,莫等闲,高效快速开发,从自己的常用的工具开始
2. 寻找舒适的工作方式,仅仅是一个开始
### **[PhpStorm](https://www.jetbrains.com/phpstorm/)**
* **插件推荐**
1. 之前一篇文章已经提到过-->[PhpStorm简单用法心得](https://www.reallyli.xin/2017/05/19/phpstorm.html)
2. 还有一款插件也不错,设置自己舒适的编辑习惯[EditorConfig](http://editorconfig.org)

* **主题推荐**
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+` ``都可以快速切换你想要的主题




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中查看。



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


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相关变动跟踪文件的修改情况,心动不如行动,立即体验一把!



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


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配置项可预览编码是否合格的情况,现在你就搭上这款插件开始调试吧!




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


### [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即可。



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

### [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``,速度搭载配置体验一把吧!

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

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

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配色方案,在原有的基础上稍微做一下修改,随意定制你想要的颜色。

配置你的Editor的更多相关文章
- [Python] Magic editor in Pycharm
From: http://blog.csdn.net/u013088062/article/details/50249751 From:http://blog.csdn.net/u013088062/ ...
- 高效开发者是如何个性化VS Code插件与配置的?
2年之前,我放弃了Sublime Text,选择了Visual Studio Code作为代码编辑器. 我每天花在VS Code上的时间长达5~6个小时,因此按照我的需求优化VS Code配置十分必要 ...
- visual studio code 编辑器的配置及快捷键等, vscode, csc
visual studio code (vsc) 对开发node.js,javascript,python,html,golang等比较友好,同时支持git浏览及分屏对比,运行速度快,所以是值得一用的 ...
- WebStorm 常用安装,配置,快捷键
WebStorm 软件资源 http://pan.baidu.com/s/1c2OmyQW(不建议使用汉化版,都已可能出现很多意想不到的问题) * Web前端集成开发工具 - WebStorm ...
- Ubuntu 配置 Android 开发 环境
. 果断换Ubuntu了, Ubuntu的截图效果不好, 不能设置阴影 ... 作者 : 万境绝尘 转载请注明出处 : http://blog.csdn.net/shulianghan/article ...
- [转]Ubuntu 配置 Android 开发 环境
转自:http://blog.csdn.net/shulianghan/article/details/20855541 1. 安装 Android Studio (1) 下载Android Stud ...
- DICOM:DICOM万能编辑工具之Sante DICOM Editor
版权声明:本文为zssure原创文章,转载请注明出处,未经允许不得转载. 目录(?)[-] 背景 DICOM Service的配置 Sante DICOM Editor自启动的服务 PACS查询下 ...
- 打造高效前端工作环境-tmuxinator
前言 虽然tmux能让我们方便组织工作环境,但每次重新打开会话时都需要手动重新创建窗口.窗格和执行各种程序,能不能像VS那样以工程为单位保存窗口.窗格和各种所需执行的程序的信息呢?tmuxinato ...
- links and softwares
links 普通 http://www.ncpa-classic.com//special/2014gejujie/index.shtml ; 中国大剧院 http://tieba.baidu.com ...
随机推荐
- Oracle的基本学习(三)—函数
一.字符函数 1.大小写控制函数 --lower:使字母变为小写-- --upper:使字母变为大写-- --initcap:使字符的第一个字母变为大写-- select lower('ABC') ...
- jquery 基础变量定义
var $i=$("#D1"); var i=$("#D2"); function(){ //这里获取控件对象值 var d1=$i.val ...
- iOS 滑动页面标题切换颜色渐变效果
话不多说,直接上图,要实现类似如下效果. 这个效果非常常见,这里着重讲讲核心功能 封装顶部的PageTitleView 封装构造函数 封装构造函数,让别人在创建对象时,就传入其实需要显示的内容 fra ...
- Jmeter的逻辑控制器——Controller
逻辑控制器(Logic Controller) --贯穿整个Test Plan中,与各组件执行顺序没关系:目的是用于控制采样器的执行顺序. Simple Controller Simple Contr ...
- JAVA----类的继承1(extends)
要学习类的继承,首先应当理解继承的含义: 来自新华词典的释义: ①依法承受(死者的遗产等):-权ㄧ-人. ②泛指把前人的作风.文化.知识等接受过来:-优良传统ㄧ-文化遗产. ③后人继续做前人遗留下来的 ...
- dispatch_group_t 日常使用注意事项
一.背景简介平时在进行多线程处理任务时,有时候希望多个任务之间存在着一种联系,希望在所有的任务执行完后做一些总结性处理.那么就可以将多个任务放在一个任务组中进行统一管理.dispatch提供了相应的A ...
- 【从无到有】JavaScript新手教程——2.分支结构和循环
介绍完JS的简介和向量以及运算符,大家对JS也有了初步的了解和认识,今天带大家来看一下JS中常用的分支结构以及循环结构是怎么使用的 [JS中的分支结构] 一.[if-else结构] 1.结构写法: i ...
- 各种API总结大全 JAVA、HTML、HTML5等等
本文章,发现新的API会进行更新,如果你们觉得有新的版本或者拥有新的,也可以发有邮箱到"zenglei8732@163.com"当中,本人会在12小时内更新,非常感谢!!! HTM ...
- 读书笔记 effective c++ Item 55 让你自己熟悉Boost
你正在寻找一个高质量的,开源的,与平台和编译器无关的程序库的集合?看一下Boost吧.想加入一个由雄心勃勃的,充满天赋的正致力于最高水平的程序库设计和实现工作的C++程序员们组成的团体么?看一下Boo ...
- python自动化测试应用-第7篇(WEB测试)--Selenium进阶篇
篇7 python自动化测试应用-Selenium进阶篇 --lamecho 1.1概要 大家好!我是lamecho(辣么丑),本篇文章将是我们介 ...