一个大鸟帮我推荐了notepad++，然后我看教程的时候看到人家用的interlij idea，请问它们有什么区别？分别是干什么用的？我想用那种写了代码可以在网页上预览效果的软件。对这个是刚入行，所以不是懂得太多，在w3c和慕课上刚开始学h5+css
有没有低姿态、乐于助人的知乎人能给我个建议
回复内容：
- notepad++ 是个编辑器 ，启动快速，功能全面，跑起来很高效。
- IntelliJ IDEA 是个集成开发环境，启动慢，功能多（大部分是你用不上的），但对新手更友好（主要体现在强大的搜索功能和无处不在的自动完成）。
- DreamWeaver 也是老牌的集成开发环境，就是贵了点。
我建议你用 notepad++ 类的软件，这样在学习的时候能够更理解本质。CSS 和 HTML 就那么点东西，手敲也不见得多累。装上 Zen Coding ，既高效又装B。
当然有空的时候能学学 Vim 就更好了。
1. 编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。
2. 另外vim,emacs,textmate入门曲线比较陡，不建议使用。
3. 另外简单点的：notepad++,editplus，选那个区别不大。notepad++有黑色主题，editplus启动还是那么快。
4. webstorm,phpstorm,intellijdea，随便选一款，都差不多。分别支持不同的后台语言而已。
而web前端开发乃及其它的相关开发，推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于，有个技术叫emmet, Emmet Documentation，而这两个对他的支持是：
立即学习“前端免费学习笔记（深入）”；
sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。
webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。
然后还是那句话：编程的核心是代码，代码的灵魂是算法或数据结构，所以你懂得，随便选一款得了。
phpstorm，idea包括所有webstorm的功能。只是phpstorm是针对phper的，idea是针对javaer，webstorm针对前端er。
一. css工具:
1. emmet Emmet Documentation
a. 可以以插件的形式安装在dreamweaver,notepad++,editplus,sublime各个编辑器上。
Zen Coding: 一种快速编写HTML/CSS代码的方法
zen coding更名为emmet，新加更多特性
zen coding更新到 0.7
zen coding资源更新
zen coding的dreamweaver插件安装教程
emmet在sublime上的效果：
1). css ：他与其它编辑器的区别在于细节上，比如ctrl,alt+方向键可以修和里边的数值
2). html 效果：
3). sublime的emmet规则修改：
packages->Emmet->emmet->snippets.json
b. 只有一个例外jetbrain公司的产品线：webstorm,phpstorm,intellij idea都是内置的，不需要安装。
1).
写js的效果：
2). webstorm的emmet规则修改：Files -> settings -> Live Templates
另外对前端开发感兴趣的加这个群：327388215
用什么编辑器无所谓吧，先保证你能静下心学 sublime text 3。 我一直都是用BracketsBrackets - A modern, open source code editor that understands web design. 这就是编辑器，难道学习这方面的还要特定的软件吗？我说记事本也可以帮你工作，你信吗？工具都不是重要的，重要的是你要去真心的学习。 用HBuilder爽死你 感觉GitHub出的Atom不错，就是插件还不太完善。 DCloud HBuilder-做最好的HTML5开发工具
对于那些跟你推荐用notepad++来学习h5+css的，我真的不好多说什么！ Hbuilder
