配置你的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 ...
随机推荐
- Linux之shell编程条件判断-if,while,for,case
if 语法格式 if condition then statements [elif condition then statements] [else statements ] fi 示例 vi if ...
- ASP.NET自定义处理程序
要创建自定义处理程序,可以创建一个实现IHttpHandler接口的类. 该类有两个重要的参数:IsResuable属性和ProcessRequest方法.如果处理程序实例可以在不同的请求中重用,Is ...
- 读书笔记 effective c++ Item 45 使用成员函数模板来接受“所有兼容类型”
智能指针的行为像是指针,但是没有提供加的功能.例如,Item 13中解释了如何使用标准auto_ptr和tr1::shared_ptr指针在正确的时间自动删除堆上的资源.STL容器中的迭代器基本上都是 ...
- [UWP]了解模板化控件(4):TemplatePart
1. TemplatePart TemplatePart(部件)是指ControlTemplate中的命名元素.控件逻辑预期这些部分存在于ControlTemplate中,并且使用protected ...
- 由if-else,switch代替方案引起的思考
关键词:条件判断,多态,策略模式,哈希表,字典map 笔者在用python实现事件驱动后,发现python是没有提供switch语句,python官方推荐多用字典来代替switch来实现,这让我就觉得 ...
- 类似智能购票的demo--进入页面后默认焦点在第一个输入框,输入内容、回车、right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个。
要实现的效果:进入页面后默认焦点在第一个输入框,输入内容.回车.right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个. PS:自己模拟的 ...
- linux命令之crontab定时执行任务
一.crond简介 crond 是linux下用来周期性的执行某种任务或等待处理某些事件的一个守护进程,与windows下的计划任务类似,当安装完成操作系统后,默认会安装此服务 工具,并且会自动启动c ...
- Zepto 添加手势判断拓展方法(思路+原理)
一.前言 这几个月事情比较多,写了一些博客都没有来得及整理发布,今天刚好有一位同事在开发前端页面的时候用到了手势判断.所以翻出了之前写的 demo,顺便整理一下作为记录. 手势判断在各种应用中都十分常 ...
- jQuery插件制作
模板:(function($){ $.fn.plugins=function(options){ var defaults = { } var options = $.extend(defaults, ...
- [No0000E9]Microsoft Help Viewer 2.3绿色版
今天没事,提取了一下2017的Microsoft Help Viewer 2.3绿色版,自测没发现什么问题,有问题请后补. 下载地址:http://files.cnblogs.com/files/Ch ...