刚开始学HTML5 + CSS，用什么软件好？-H5教程-PHP中文网

刚开始学HTML5 + CSS，用什么软件好？

php中文网

发布： 2016-06-07 08:42:58

原创

2089人浏览过

一个大鸟帮我推荐了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

Playground AI

AI图片生成和修图

108

查看详情

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。我一直都是用Brackets
Brackets - A modern, open source code editor that understands web design. 这就是编辑器，难道学习这方面的还要特定的软件吗？我说记事本也可以帮你工作，你信吗？工具都不是重要的，重要的是你要去真心的学习。用HBuilder爽死你感觉GitHub出的Atom不错，就是插件还不太完善。 DCloud HBuilder-做最好的HTML5开发工具
对于那些跟你推荐用notepad++来学习h5+css的，我真的不好多说什么！ Hbuilder