狠狠撸

前端发工具系列
——编辑器

前端发工具真的很重要吗？

这得从我们的工作环境说起...

var feDe =｛
editor：[‘vim’, ‘dreamweaver’, ‘notepad++’],
design：[‘psd’,‘jpg’],
rd：[‘doc’,’rp’],
browser：[‘chrome’, ‘fx’, ‘opera’, ‘ieN’, ‘...’],
virtualhost: {
xp: feDe
win7: feDe
}
｝


一个编辑器/滨顿贰


几张页面设计稿


若干需求/交互文档


各浏览器


各浏览器
虚拟机（勤快的工程师必备利器）
...


若干需求/交互文档 2G 内存
各浏览器
虚拟机（勤快的工程师必备利器）
...

事
其工
大欲
居善
夫
是其
之事
邦
贤 ,
也必
者
先
, ,
利
友其
孔
其器
子
﹁士
论之
语
﹂仁
者

事
其工
大欲
居善
夫
是其
之事
邦
贤 ,
也必
者
先
, ,
利
友其
孔
其器
子
﹁士
论之
语
﹂仁
者

选择一个好的编辑器，不仅能让工作轻松愉快还能学到很多知识

正题
? 编辑器分类

? 一些常见的编辑器

? 推荐的编辑器

正题<1>

? 编辑器分类



编辑器分类
- 平台
? Windows

Dreamweaver Notepad++ EditPlus emEditor UltraEditor E Text Editor gVIM

? Linux

Emacs gEdit Nano Editor VI(VIM)

? Mac OS

TextMate Coda Espresso Macvim

编辑器分类
- 平台
? Windows

这货是IDE
? Linux


? Mac OS


编辑器分类
- 平台
? Windows

这货是IDE
? Linux

一直在PK，从

? Mac OS 未分胜负


编辑器分类
- 平台
? Windows

这货是IDE
? Linux

一直在PK，从

? Mac OS 未分胜负


Mac上最经典的编辑器

编辑器分类
- 类型
? 付费

UltraEditor EditPlus Sublime text ...

? 免费

NotePad++ TextWrangler gedit

? 源

VIM

编辑器分类
- 类型
? 付费

UltraEditor EditPlus Sublime text ...

? 免费可以无限试用

NotePad++ TextWrangler gedit

? 源

VIM

正题<2>

? 编辑器分类



常见编辑器
1. Notepad++
A free source code editor which supports several programming languages running
under the MS Windows environment.
功能特色
?软件绿色小巧
?编码支持良好
?插件可扩展 <新版的plugin manager很好用>
?语法高亮、代码折、代码提示（自动完成）

不足
-界面一般
-主题太少

常见编辑器
2. Editplus
EditPlus is a text editor, HTML editor, PHP editor, Java editor and Hex Viewer for
Windows. While it can serve as a good Notepad replacement, it also offers many
powerful features for Web page authors and programmers.
功能特色
?软件绿色小巧
?编码支持良好

不足
-扩展插件太少
-自动完成功能比较弱

常见编辑器
3. E text editor
The power of TextMate on Windows

功能特色
?强大的TextMate Bundels支持
?编码支持良好
?界面友好、主题漂亮

不足
-太多模仿TextMate没有创新
-安装的时候要切系统区域设置

常见编辑器
4. Sublime Text 2
Sublime Text is a sophisticated text editor for code, html and prose.You'll love the
slick user interface and extraordinary features.
功能特色
?强大的TextMate Bundels支持
?界面友好、主题库丰富
?强大的Package Control (扩展包管理)
?VI模式
?特色功能：mini map 热退出
?出色的功能细节：缩进方式提示、代码折、选中高亮、多选

不足
-无法自动识中文字符如GB2312, GBK (可装插件解决)

常见编辑器
5.VIM
Vim (全称Vi Improved)是从vi发展出来的一个文本编辑器。代码补完、编译及
错误跳转等方便编程的功能特丰富，在程序员中被广泛使用。和Emacs并
列成为类Unix系统用户最喜欢的编辑器。——from 维基百科
功能特色
?语法高亮、代码折、代码提示
?成千上万的插件支持
?速度快、大文件处理性能高
?特色功能：太多了列不完 (稍后演示)

不足
-学习曲线是所有编辑里面里从始到结束始终最高

主流编辑器学习曲线

Ref: http://coolshell.cn/articles/3125.html

正题<3>

? 编辑器分类



推荐编辑器
? Sublime Text 2

功能强大、界面美观、细节丰富

? Notepad++

小巧简单、功能实（）用

? VIM

如果你有足的耐心，vim是不二之选

Thx

引用：
?《论语·卫公》
?http://www.sublimetext.com/2
?http://notepad-plus-plus.org/
?http://www.editplus.com/
?http://coolshell.cn/articles/3125.html

keelii

狠狠撸

前端开发工具 - 编辑器篇

More Related Content

前端开发工具 - 编辑器篇

Editor's Notes