前端开发工具之编辑器篇
- 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
转载请注明：前端开发工具之编辑器篇 - 前端开发
下一篇：前端开发的那些事儿
为您推荐
您可能还会对这些文章感兴趣
2016-12-23最完整的Chrome浏览器客户端调试大全
引言 “工欲善其事，必先利其器” 没错，这句话个人觉得说的特别有道理，举个例子来说吧，厉害的化妆师都有一套非常专业的刷子，散粉刷负责定妆，眼影刷负责打眼影，各司其职，...
2016-12-23【CSS常见兼容性问题总结】常见浏览器兼容性问题与解决方案
浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。 这里谈到的浏览器，主要指IE6/IE7/IE… FireFox Chrome Opera Safari 等...
2016-12-20前端神器avalonJS入门
avalonJS是司徒正美开发和维护的前端mvvm框架，可以轻松实现数据的隔离和双向绑定，相比angularJS等前端框架它有如下优势： 1.压缩后仅有60多kb，而angular的min版是2MB左右（无视...
2016-12-20前端rem单位的正确使用姿势
写这篇文章是因为自己被rem这个坑绊过脚，因此特意去研究了下rem这个单位。 简单阐述下px、em、rem之前的关系（其实网上很多，我这里稍微提一下）。 先抛出一个问题：为什么要选择...
2016-12-20前端开发工程师需要知道的7种新型的CSS长度单位
众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，...
2016-12-17一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html&g...
2016-12-16前端开发框架bootstrap基础知识总结
bootstrap 一，概念： 是一个简单，灵活的用于搭建web页面的html,css,javascript工具集 在其官网上下载：www.getbootstrap.com 它与h5相适应，即bootstrap是写在h5当中 <meta...
2016-12-16layui国产前端UI框架,layer官方演示与讲解(jQuery弹出层插件)
Layui 出蛋于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社...
2016-12-15Bootstrap制作简约唯美登录注册页面
效果展示 效果展示 主要特色：使用bootstrap搭建，登陆注册在一个页面，背景图片轮播 说明：图片820×560 代码： <%@ page language=”java” contentType=...
2016-12-15Web前端工程师的学习方法
1初识Web前端 前端开发工作已经变的越来越复杂，仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨的工作。曾经只要会编写 HTML, CSS 和Javascript 就是能够找到一份前端开发工...