配置你的Editor
![](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的更多相关文章
- [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 ...
随机推荐
- 4月6日--js生成随机数列
newarr=[1,2,3,4,5,6] function randomsort(a,b){ return Math.random()>0.5?-1:1;}//用Math.random()函数生 ...
- mysql加密解密方式用法
如果你使用的正是mysql数据库,那么你把密码或者其他敏感重要信息保存在应用程序里的机会就很大.保护这些数据免受黑客或者窥探者的获取是一个令人关注的重要问题,因为你既不能让未经授权的人员使用或者破坏应 ...
- contos 7/redhat 7 安装mysql
1.给网卡配置ip.掩码.网关 2.添加dns,编辑文件:/etc/resolve.conf nameserver 202.96.209.133 //上海本地dns nameserve ...
- lua table表
lua table表 语法结构 创建一个 table 直接使用 "{}" 即可 table1 = {} -- 赋值 table1["name"] = " ...
- Extjs6(二)——用extjs6.0写一个系统登录及注销
本文基于ext-6.0.0 一.写login页 1.在view文件夹中创建login文件夹,在login中创建文件login.js和loginController.js(login.js放在class ...
- 【原】Unity Shader VS UDK Material Editor
UDK 的材质编辑器十分好用,毕竟是所见即所得的.虽然unity也有类似第三方插件,但易用性还是差很多,下面主要是,把一些常见表达式概念对应起来. 1. UDK CameraVector (相机位向量 ...
- 使用Dotfuscator加密混淆程序以及如何脱壳反编译
混淆演示 首先介绍如何使用Dotfuscator对.net程序加密码混淆/加壳 C#或vb.net编写的应用程序或DLL. 这里随便创建了一个C#的命令行控制台程序.程序很简单,对当前的时间进行了AE ...
- iOS 发布证书提示 此证书的签发者无效 解决办法
1. 打开钥匙串 查看发布证书 都是提示 此证书的签发者无效 解决办法 : 2. 到了 第 4 步骤 再去 查看 发布证书 就会 显示 此证书有效 3. 如果还不可以 就 把 Apple W ...
- hdu4283 You Are the One 区间DP
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4283 自己想了很久还是不会,参考了别人的思路才写的,区间DP还是很弱,继续努力!! 思路: 转载: 题 ...
- PS不能存储,因为程序错误
当PS中遇到不能存储文件,因为程序错误时,可以这样: http://www.zcool.com.cn/article/ZMTgwOTQw.html