转:Web开发员的Top9编辑器

原文地址http://tieba.baidu.com/p/3621892904?pn=1

第九名:Notepad++

转:Web开发员的Top9编辑器_第1张图片

总体印象:虽然过时了,但还是有不少大叔在用。

入选理由:

理由1:提供了Document Map功能。也就是Sublime、Atom等的minimap功能。
理由2:ViSimulator插件提供了Vim编辑模式,支持命令模式、插入模式、底线命令模式。不过这个插件弱爆了,连替换命令(:s, :%s)、窗口分割(:sp)都不支持,更不用说Vim的其他高级命令了。并且非常不稳定。
理由3:?真还找不到其他使用Notepad++的理由了,Notepad++提供的所有功能其他编辑器都做得更好。

必须的插件
ViSimulator:提供Vim编辑模式,支持命令模式、插入模式、底线命令模式。不过这个插件弱爆了,连替换命令(:s, :%s)、窗口分割(:sp)都不支持,更不用说Vim的其他高级命令了。并且非常不稳定。
Compare:文件比较,功能有点弱。
JSLint:Javascript语法检查。不过这个功能只能手工运行,编辑和保存文件时都不会自动进行语法检查,尼玛还能不能再弱智点?
HTML Tab:标签匹配。

缺陷:

不能打开目录,只能在Wordspace的Project里从目录添加文件,不过速度特慢,特别是大型项目目录要等很久,并且添加后所有目录处于弱智打开状态,得一个一个地慢慢关。
缺乏快速代码浏览功能。
目录窗口无法显示文件和目录的版本状态,编辑窗口无法显示代码的版本状态。
缺乏PHP代码检查功能。
缺乏CSS语法检查功能。
不支持jQuery函数模板。
不支持json,只能在Style Configure里把.json作为Javascript文件进行语法高亮。
不支持yml语法。
不支持twig语法和标签匹配。
不支持Apache配置文件语法。
不能上下分割窗口,tab右键clone to other view只能水平分割窗口。
太多缺陷我都懒得罗列了。

问题1:这么弱的编辑器都还有人在用?
问题2:一个编辑器有啥资格抵制2008北京奥运会?你以为你是奥巴马他爹?

第八名:WebStorm

转:Web开发员的Top9编辑器_第2张图片

WebStorm = PhpStorm - PHP - Database support

总体印象:只专注Web前端开发

入选理由:
理由1:代码导航:Shift+Shift快速查找文件和代码。Ctrl+B跳转,但无法像Vim那样快速回到跳转前的地方。
理由2:Shift+Ctrl+A快速调用编辑器提供的各种功能。
理由3:CodeGlance插件在代码右侧提供了minimap
理由4:Ctrl+Q快速查看当前代码的文档,并且还可以查看外部的联机文档。
理由5:自带git集成,文件在folder和tab上用不同的颜色标示不同的版本状态,并且修改的代码在左右侧有颜色提示。不过folder里的目录没有版本状态标示,这点没有Atom做的好。
理由6:IdeaVim插件提供了完整的Vim编辑模式,包括命令模式、插入模式、底线命令模式。PhpStore的ideaVim是所有编辑器中最好的Vim插件,甚至支持.vimrc配置,不过ideaVim的配置文件是~/.ideavimrc文件,是不是很逆天。超级棒!
理由7:强大的插件管理功能。打开不支持的文件格式时,会提示下载相关插件。
理由8:CSS文件左侧显示所见即所得的颜色。

必要的插件:
ideaVim: 提供Vim编辑模式
CodeGlance: 代码右侧的minimap
Apache config(.htaccess) support:Apache配置文件格式支持

缺陷:

不支持PHP是硬伤。
启动速度慢。
不支持Twig。

问题:有了PhpStorm,为啥还有人使用WebStorm?

第七名:Eclipse

转:Web开发员的Top9编辑器_第3张图片

总体印象:易用性最差、速度最慢的IDE,没有之一。

入选理由:
理由1:PDT提供了基于XDebug的可视化调试。
理由3:支持PHPDoc,自动生成@param和@return。
理由4:Quick Doc:F2弹出函数文档。
理由2:Vrapper插件提供了完整的Vim编辑模式,包括命令模式、插入模式、底线命令模式。支持替换命令(:s, :%s);支持增量搜索(/,?,#,,g#,g),但不是高亮。

必要的插件:
MPC:Marketplace Client
PDT:PHP Development Tool
Vrapper (Vim):提供Vim编辑模式。
Eclipse Color Theme:配色方案。
YEdit:YML语法支持。有可能不能安装,我倒。

缺陷:

启动太慢
与Git集成很差,目录窗口无法显示文件和目录的版本状态,编辑窗口无法显示代码的版本状态。
缺乏minimap。
硬伤:缺乏PHP/HTML代码补齐功能。
不支持yml语法。

问题:得多强的配置才能流畅运行?

第六名:PhpStorm

转:Web开发员的Top9编辑器_第4张图片

PhpStorm = WebStorm + PHP + Database support
总体印象:目前市面上功能最强的IDE。

入选理由:
理由1:PHP代码格式支持PSR1/PSR2、Drupal、Symfony2等。
理由2:支持PHPDoc,自动生成@param和@return。
理由3:自带git集成,文件在folder和tab上用不同的颜色标示不同的版本状态,并且修改的代码在左右侧有颜色提示。不过folder里的目录没有版本状态标示,这点没有Atom做的好。
理由4:生成和查看PHP UML类图。编辑窗口里选择PHP class,右键菜单点击Show Diagram就能查看盖类的UML类图。这个功能超级赞,其他编辑器还未发现有类似功能。
理由5:容易配置可视化调试(Xdebug, Zend Debugger)。
理由6:代码导航:Shift+Shift快速查找文件和代码。Ctrl+B跳转,但无法像Vim那样快速回到跳转前的地方。
理由7:Shift+Ctrl+A快速调用编辑器提供的各种功能。
理由8:CodeGlance插件在代码右侧提供了minimap
理由9:Ctrl+Q快速查看当前代码的文档,并且还可以查看外部的联机文档。
理由10:Drupal Support插件方便基于Drupal框架的开发,并且该插件已经支持Drupal8,超级棒!
理由11:IdeaVim插件提供了完整的Vim编辑模式,包括命令模式、插入模式、底线命令模式。PhpStorm的ideaVim是所有编辑器中最好的Vim插件,甚至支持.vimrc配置,不过ideaVim的配置文件是~/.ideavimrc文件,是不是很逆天。超级棒!
理由12:强大的插件管理功能。打开不支持的文件格式时,会提示下载相关插件。
理由13:CSS文件左侧显示所见即所得的颜色。

必要的插件:
ideaVim: 提供Vim编辑模式
CodeGlance: 代码右侧的minimap
Apache config(.htaccess) support:Apache配置文件格式支持

缺陷: 由于基于java开发,启动速度慢,内存耗用大。

问题:所有的IDE开发者们,能不能不要再基于java了?

第五名:Sublime

转:Web开发员的Top9编辑器_第5张图片

总体印象:启动速度超快,不过安装插件会难倒一大片人。

入选理由:
理由1:代码导航:Ctrl+P调出Goto Anything快速查找文件和代码。F12跳转,遗憾的是跳转后不能像Vim那样返回。
理由2:Shift+Ctrl+P调出Command Palette快速调用功能。
理由3:编辑器右侧有整个文件的mini-map,方便快速定位代码位置,不过这个mini-map比Atom的minimap要差些。
理由4:SublimeLinter插件提供编辑时的语法检查,无须保存文件后才能检查。不过需要为每种语言都安装语法检查插件,为啥不能像Vim那样只安装一个插件就支持所有语言?
理由5:Vintageous插件提供了较为完整的Vim编辑模式,包括命令模式、插入模式、底线命令模式。支持增量高亮搜索(/,?,#,,g#,g);支持替换命令(:s, :%s)。
理由6:GitGutter提供代码修改状态,不过功能远不如Atom自带的功能强大,例如minimap里就看不到修改状态,folder里的文件也看不到代码修改状态。
理由7:Xdebug Client插件提供了PHP可视化调试功能。

必要的插件:
Vintageous:提供Vim编辑模式。
SublimeLinter, SublimeLinter-php, SublimeLinter-jshint, SublimeLinter-shellcheck:提供语法检查,保证代码不出现语法错误。
sublime-phpcs:PHP代码审查,保证代码符合规范。
PHP-Twig:Twig文件格式。
BracketHighlighter:括号和HTML标签匹配高亮。
Highlighter:高亮不正常的字符,例如尾部空格等。
DocBlockr:快速写注释。
GitGutter:查看代码修改状态。
Git:git功能集成。
jQuery Snippets pack:jQuery函数模板。
Drupal:Drupal框架函数模板、自动补齐、info文件语法高亮等功能。
Xdebug Client:PHP可视化调试。

缺陷:

解决ibus等中文录入的问题比较麻烦。
Javascript语法检查不起作用。

问题:对ibus等不能很好支持的编辑器也能卖钱?

第四名:LightTable

转:Web开发员的Top9编辑器_第6张图片

总体印象:虽然是未来的神编辑器,但还不够成熟。

入选理由:
理由1:Ctrl+Shift+Enter对文件代码进行Inline evalutaion(这个功能太好太强大,是LightTable入选的重要原因)不过目前只支持的语言有限,支持Clojure、Javascript等。
理由2:无须外部浏览器,网站实时预览,CSS修改后及时看效果。
理由3:Ctrl+O调出Navigator Pane快速查找文件。
理由4:Ctrl+Space调出Command Pallet快速调用功能。
理由5:无处不在的自动补齐。
理由6:Ctrl+D显示联机文档,这可是真正的inline显示,划时代的进步啊,不过目前只支持Clojure语言是硬伤。
理由7:非常强大和完整的vim插件,提供了Vim所有的常用motions和操作,包括text objects;支持增量高亮搜索(/,?,#,,g#,g);支持跳转列表(Ctrl-o,Ctrl-i);支持命令映射(:map, :nmap, :vmap)等。

必要的插件:
Vim:提供Vim编辑模式。
Git Status Bar:在状态栏显示git分支和代码修改状态。

缺陷:

Light Table是一款非常新的编辑器,插件数量有限。
缺乏minimap。
不支持代码折叠。

问题:LightTable什么时候能走向成熟?

第三名:Brackets

转:Web开发员的Top9编辑器_第7张图片

总体印象:专注于web前端开发

入选理由:
理由1:Ctrl+E调出快速编辑,支持HTML标签(找到和编辑HTML标签所对应的CSS样式)、CSS颜色属性、Javascript函数等。
理由2:Ctrl+K调出快速文档,支持的语言非常丰富。
理由3:实时预览。支持无后端逻辑的实时预览和有后端逻辑的实时预览。
理由4:集成Theseus提供Javascript调试功能。
理由5:Ctrl+Shift+O快速查找文件和代码
理由6:brackets-minimap插件在代码右侧提供了minimap。
理由7:虽然不具备vim-css-color那种所见即所得的CSS颜色属性显示,但提供了鼠标移到CSS颜色属性上显示实际颜色的功能。对CSS的颜色编辑提供了一定的便利。
理由8:点击目录里的图片可以直接查看图片、了解图片尺寸和大小。在编辑HTML时,鼠标移动到img标签上也可以预览图片,在编辑CSS时也可以预览图片。
理由9:brackets-vimderbar扩展提供了较为完整的Vim编辑模式,包括命令模式、插入模式、底线命令模式。支持增量高亮搜索(/,?,#,,g#,g);支持替换命令(:s, :%s)。

必要的插件:
brackets-minimap:代码右侧的minimap
brackets-vimderbar:提供Vim编辑模式
brackets-code-folding: 代码折叠
brackets-phplinter, brackets-csslint: 语法检查
brackets-QuickDocsPHP:提供PHP快速文档
brackets-QUickDocsJS:提供Javascript快速文档
Brackets-icons: 为不同的文件类型添加图标

缺陷:有什么缺陷呢?对了,实时预览没有LightTable好用。

问题:奇怪,对于Brackets我竟不知道该提什么问题?

第二名:Atom

转:Web开发员的Top9编辑器_第8张图片

总体印象:基于纯web技术(Node.js + Chromium),使用简单、功能强大

入选理由:
理由1:Ctrl+P快速查找文件和代码
理由2:Ctrl+Space自动补齐
理由3:超强的minimap插件,比Sublime的mini-map强大很多,minimap里甚至有git-diff颜色提示,这个很有用啊。
理由4:超强的git集成,folder里不同的版本控制状态用不同的颜色标示,并且修改的代码在左右侧有颜色提示。
理由5:linter插件提供实时语法检查功能,代码修改后无须保存就能得到实时的语法检查。
理由6:web-browser等插件提供了实时预览功能,PHP/Javascript/CSS等文件修改后会自动刷新网站显示。
理由7:强大的插件管理功能,状态栏自动提醒插件新的版本,一键更新,可以在不卸载插件的情况下停用插件等。除了图形界面外,还可以通过apm install命令安装插件。

必要的插件:
linter:实时语法检查,保证代码语法正确性。
linter-csslint:CSS代码检查。
linter-jshint:Javascript代码检查。
linter-php:PHP代码检查。
minimap: 提供代码右侧的minimap。
vim-mode: 提供Vim编辑模式,不过只提供了命令模式和插入模式,遗憾的是还缺乏Vim的底线命令模式,这个硬伤有点大。
css-snippets:CSS代码模板。
javascript-snippets:Javascript代码模板。
jquery-snippets:jQuery代码模板。
symfony-snippets:Symfony代码模板。
drupal:Drupal代码模板。
web-browser:网站实时预览。

缺陷:

Atom的vim-mode这个插件有点弱啊。
缺乏快速查看PHP/CSS/Javascript文档的功能。

问题:能不能少占点内存呢?

第一名:gVim

转:Web开发员的Top9编辑器_第9张图片

总体印象:高效率代码开发无可替代的编辑能力。

入选理由:
理由1:Vim是一个模式化编辑器,提供多种编辑模式:命令模式、插入模式、底线命令模式等,这些不同的模式让编辑更加轻松。
理由2:快速编辑功能
Vim提供的那些组合命令是快速编辑利器,例如dw(删除到下一个单词)、d$(删除到行末)、dG(删除到文件末尾)、d}(删除到函数末尾)、以及yw、y$、yG、y}等命令,以及>$,>}等。快速编辑命令太多这里根本就不可能列完。我们再来看几个超级强大的命令:
dtr : 删除到下一个r
yit : 拷贝HTML标签里的所有内容
di{ : 删除{}里的所有内容
:%s/this/replace/g : 将文件中的所有this替换为replace
:-7,+2d : 删除当前行前面7行到后面2行的内容
:vimgrep /SearchItem/ */.scss : 在所有的scss文件中搜索SearchItem
好了到此为止,Vim强大的快速编辑能力写几本书都讲不玩。
理由3:强大的代码浏览功能:":ts xxx"快速查找代码;g]跳转代码,CTRL-O返回。ctrlp.vim插件提供文件和代码的模糊查询功能,用于快速打开文件。
理由4:youcompleteme插件提供了无处不在的自动补齐功能。
理由5:syntastic插件提供了各种语言的语法检查功能,保证代码的正确性。
理由6:vim-gitgutter插件提供代码修改状态。
理由7:matchit插件可以通过%按键匹配HTML标签,方便找到开始和结束标签了。
理由8:vim-css-color插件提供了所见及所得的CSS颜色属性,极大方便了CSS文件的开发和维护,目前还没有其它编辑器提供类似功能。
理由9:vdebug插件提供了PHP、Python的可视化调试功能。
理由10:通过PIV插件,Shift+k快速查看PHP函数文档。
理由11:Vim自带的代码比较和合并功能很好用。

必要的插件:
nerdtree:文件和目录浏览。
ctrlp.vim: 代码和文件模糊查找。
syntastic:支持各种语言的语法检查。
fugitive:git集成。
PIV: PHP集成环境,自动产生PHP文档,Shift+K查看PHP函数文档。
tagbar:函数列表。
ultisnips:提供代码模板功能,但不包含各语言的代码模板。
vim-snippets:提供各种语言的ultisnips的代码模板。
youcompleteme:无处不在的自动补齐
vim-airline:强大的状态栏。
echofunc:了解函数参数。
vim-twig:Twig模板支持。
vim-css-color:所见及所得的CSS颜色。
vdebug:PHP、Python等可视化调试。
vim-gitgutter:显示文件每一行的修改状态。

缺陷:

Vim学习曲线陡峭且漫长
缺乏minimap

问题:这么多年过去了,为何就不能出现一款超越Vim的编辑器呢?

你可能感兴趣的:(转:Web开发员的Top9编辑器)