【css-01】IDE与文本编辑器优缺点

小课堂【郑州第61期】

分享人：董瑞

1.背景介绍

在做web开发之前，我们要选择一个开发工具。开发工具中又分为IDE和文本编辑器两个派别。那么什么是IDE？它和文本编辑器相比有何优劣呢？

2.知识剖析

什么是IDE？

IDE,Integrated Development Environment，集成开发环境。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。

web开发有哪些常用的IDE？

例如Visual Studio系列,webstorm，vscode

有哪些常用的文本编辑器？ 很多文本编辑器都可以拿来做web开发。例如：notepad++，win自带记事本，editplus，Emacs，atom，VIM。 
文本编辑

2.1 IDE和文本编辑器相比有何优劣？

IDE功能强大：自动帮你组织编译代码，有各种方便好用的调试器，集成了版本控制和协作工具，可以方便的生成各种代码的流程图和报表。 单单文本编辑器是组织不了一个大项目的。文本编辑器只负责读、写文件。

2.2  标签重构、文件重命名、 CSS 重构以及 JS 重构

2.3  对业界最新技术的支持

内置了对 SASS、NodeJS、CoffeeScript、Jade 的支持。

内置Emmet. 后缀是.less/.scss/.sass 或者 .coffee的文件会询问是否自动编译（需要手动激活）。

2.4  可自定义代码格式化规则

任何IDE的功能都比文本编辑器要多得多，不过它缺乏灵活性。启动慢，占内存多。 当做一些小项目，甚至只是写一个小demo的时候，使用IDE就太笨重了。

3.常见问题

如何选择适合自己的开发工具？

4.解决方案

对于web初学者来说，其实不用在开发工具上纠结。先拿来一个用了再说。 工具只是作为你实现东西的方式，跟最终的结果没有直接的关系。找到适合自己的工具才是最好的。

sublime较为轻量级，安装包也很小，插件众多，作为初入门足够使用。 webstorm拥有强大的功能，对js的开发有长足的支持，并且支持流行技术，支持各种主流插件，有完善的版本管理， 对多人协作很有用。并且这两者都支持一个插件emmet，对提高效率很有帮助。

5.编码实战

6.扩展思考

sublime有哪些好用的插件？

emmet，Sublime Prefixr，JS Format
SublimeLinter，Placeholders，GBK to UTF8，Git

7.参考文献

参考一：IDE还是编辑器？

参考二：为什么一些文本编辑器可以取代eclipse、myeclipse 等 IDE？如何用文本编辑器组织一个大项目呢？

参考三：WebStorm 有哪些过人之处？

8.更多讨论

为什么很多人认为编辑器比 IDE 更酷？

选择哪种工具，一是个人偏好。二是根据实际情况。哪种工具能更好的解决问题，就选用哪种。