前端开发工具之编辑器篇

• 1. 前端 发工具系列——编辑器
• 2. 前端 发工具真的很重要吗？
• 3. 前端 发工具真的很重要吗？
• 4. 这得从我们的工作环境说起…
• 5. 这得从我们的工作环境说起…var feDe =｛ editor：[‘vim’, ‘dreamweaver’, ‘notepad++’], design：[‘psd’,‘jpg’], rd：[‘doc’,’rp’], browser：[‘chrome’, ‘fx’, ‘opera’, ‘ieN’, ‘…’], virtualhost: { xp: feDe win7: feDe }｝
• 6. 这得从我们的工作环境说起…
• 7. 这得从我们的工作环境说起…一 个编辑器/IDE
• 8. 这得从我们的工作环境说起…一 个编辑器/IDE几张页面设计稿
• 9. 这得从我们的工作环境说起…一 个编辑器/IDE几张页面设计稿若干需求/交互文档
• 10. 这得从我们的工作环境说起…一 个编辑器/IDE几张页面设计稿若干需求/交互文档各 浏览器
• 11. 这得从我们的工作环境说起…一 个编辑器/IDE几张页面设计稿若干需求/交互文档各 浏览器虚拟机（勤快的工程师必备利器）…
• 12. 这得从我们的工作环境说起…一 个编辑器/IDE几张页面设计稿若干需求/交互文档各 浏览器虚拟机（勤快的工程师必备利器）…
• 13. 这得从我们的工作环境说起…一 个编辑器/IDE几张页面设计稿若干需求/交互文档 2G 内存各 浏览器虚拟机（勤快的工程师必备利器）…
• 14. 事 其 工 大 欲 居 善 夫 是 其 之 事 邦 贤 , 也 必 者 先 , , 利 友 其孔 其 器子﹁ 士论 之语﹂ 仁 者
• 15. 事 其 工 大 欲 居 善 夫 是 其 之 事 邦 贤 , 也 必 者 先 , , 利 友 其孔 其 器子﹁ 士论 之语﹂ 仁 者选择一个好的编辑器，不仅能让工作轻松愉快还能学到很多知识
• 16. 正题❖ 编辑器分类❖ 一些常见的编辑器❖ 推荐的编辑器
• 17. 正题<1>❖ 编辑器分类❖ 一些常见的编辑器❖ 推荐的编辑器
• 18. 编辑器分类- 平台 • Windows Dreamweaver Notepad++ EditPlus emEditor UltraEditor E Text Editor gVIM • Linux Emacs gEdit Nano Editor VI(VIM) • Mac OS TextMate Coda Espresso Macvim
• 19. 编辑器分类- 平台 • Windows Dreamweaver Notepad++ EditPlus emEditor UltraEditor E Text Editor gVIM 这货是IDE • Linux Emacs gEdit Nano Editor VI(VIM) • Mac OS TextMate Coda Espresso Macvim
• 20. 编辑器分类- 平台 • Windows Dreamweaver Notepad++ EditPlus emEditor UltraEditor E Text Editor gVIM 这货是IDE • Linux Emacs gEdit Nano Editor VI(VIM) 一直在PK，从 • Mac OS 未分胜负 TextMate Coda Espresso Macvim
• 21. 编辑器分类- 平台 • Windows Dreamweaver Notepad++ EditPlus emEditor UltraEditor E Text Editor gVIM 这货是IDE • Linux Emacs gEdit Nano Editor VI(VIM) 一直在PK，从 • Mac OS 未分胜负 TextMate Coda Espresso Macvim Mac上最经典的编辑器
• 22. 编辑器分类- 类型 • 付费 UltraEditor EditPlus Sublime text … • 免费 NotePad++ TextWrangler gedit • 源 VIM
• 23. 编辑器分类- 类型 • 付费 UltraEditor EditPlus Sublime text … • 免费 可以无限试用 NotePad++ TextWrangler gedit • 源 VIM
• 24. 正题<2>❖ 编辑器分类❖ 一些常见的编辑器❖ 推荐的编辑器
• 25. 常见编辑器1. Notepad++ A free source code editor which supports several programming languages running under the MS Windows environment. 功能特色 ✓软件绿色小巧 ✓编码支持良好 ✓插件可扩展 <新版的plugin manager很好用> ✓语法高亮、代码折 、代码提示（自动完成） 不足 -界面一般 -主题太少
• 26. 常见编辑器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. 功能特色 ✓软件绿色小巧 ✓编码支持良好 ✓语法高亮、代码折 、代码提示（自动完成） 不足 -扩展插件太少 -自动完成功能比较弱
• 27. 常见编辑器3. E text editor The power of TextMate on Windows 功能特色 ✓强大的TextMate Bundels支持 ✓编码支持良好 ✓语法高亮、代码折 、代码提示（自动完成） ✓界面友好、主题漂亮 不足 -太多模仿TextMate没有创新 -安装的时候要切系统区域设置
• 28. 常见编辑器4. Sublime Text 2 Sublime Text is a sophisticated text editor for code, html and prose.Youll love the slick user interface and extraordinary features. 功能特色 ✓强大的TextMate Bundels支持 ✓语法高亮、代码折 、代码提示（自动完成） ✓界面友好、主题库丰富 ✓强大的Package Control (扩展包管理) ✓VI模式 ✓特色功能：mini map 热退出 ✓出色的功能细节：缩进方式提示、代码折 、选中高亮、多选 不足 -无法自动识 中文字符如GB2312, GBK (可装插件解决)
• 29. 常见编辑器5.VIM Vim (全称Vi Improved)是从vi发展出来的一个文本编辑器。代码补完、编译及 错误跳转等方便编程的功能特 丰富，在程序员中被广泛使用。和Emacs并 列成为类Unix系统用户最喜欢的编辑器。——from 维基百科 功能特色 ✓语法高亮、代码折 、代码提示 ✓成千上万的插件支持 ✓速度快、大文件处理性能高 ✓特色功能：太多了列不完 (稍后演示) 不足 -学习曲线是所有编辑里面里从 始到结束始终最高
• 30. 主流编辑器学习曲线 Ref: http://coolshell.cn/articles/3125.html
• 31. 正题<3>❖ 编辑器分类❖ 一些常见的编辑器❖ 推荐的编辑器
• 32. 推荐编辑器• Sublime Text 2 功能强大、界面美观、细节丰富• Notepad++ 小巧简单、功能实（ ）用• VIM 如果你有足 的耐心，vim是不二之选
• 33. 那么…
• 34. 那么…
• 35. Thx引用： •《论语·卫 公》 •http://www.sublimetext.com/2 •http://notepad-plus-plus.org/ •http://www.editplus.com/ •http://coolshell.cn/articles/3125.html keelii

转载请注明：前端开发工具之编辑器篇 - 前端开发