剛開始學HTML5 + CSS，用什麼軟體好？

01-04

一個大鳥幫我推薦了notepad++，然後我看教程的時候看到人家用的interlij idea，請問它們有什麼區別？分別是幹什麼用的？我想用那種寫了代碼可以在網頁上預覽效果的軟體。對這個是剛入行，所以不是懂得太多，在w3c和慕課上剛開始學h5+css
有沒有低姿態、樂於助人的知乎人能給我個建議

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

notepad++ 是個編輯器 ，啟動快速，功能全面，跑起來很高效。
IntelliJ IDEA 是個集成開發環境，啟動慢，功能多（大部分是你用不上的），但對新手更友好（主要體現在強大的搜索功能和無處不在的自動完成）。
DreamWeaver 也是老牌的集成開發環境，就是貴了點。

我建議你用 notepad++ 類的軟體，這樣在學習的時候能夠更理解本質。CSS 和 HTML 就那麼點東西，手敲也不見得多累。裝上 Zen Coding ，既高效又裝B。

當然有空的時候能學學 Vim 就更好了。

這就是編輯器，難道學習這方面的還要特定的軟體嗎？我說記事本也可以幫你工作，你信嗎？工具都不是重要的，重要的是你要去真心的學習。

我一直都是用Brackets

Brackets - A modern, open source code editor that understands web design.

Sublime吧，各種豐富的插件

Hbuilder，無敵爽

Hbuilder

Sublime Text + Emmet

DCloud HBuilder-做最好的HTML5開發工具

對於那些跟你推薦用notepad++來學習h5+css的，我真的不好多說什麼！

我認為首先要做的就是不要把HTML5說成H5，會讓人貽笑大方。

感覺GitHub出的Atom不錯，就是插件還不太完善。

推薦使用sublime，但是請不要使用它的自動補全功能。新手的話比較建議一個字一個字的打出來。

雖然會辛苦一點。但是練習多了，都記住了，才會對以後進階更深層次的內容有幫助。最起碼英文能力會提高吧

說記事本的就是傳說中的裝X，就好比現在有了打火機，他還堅持用鑽木取火一樣。人類發明高級的工具，不是吃多了沒事幹的。這也是為什麼有的人工作了一個月不如別人工作一天的成果多，最後還抱怨待遇不公平的原因。h5+css，推薦Hbilder和webstorm

用HBuilder爽死你

webstrom

Windows:notepad++ IE chrome firefox...

Linux:gedit/vim chrome firefox

抱歉我太窮用不起Mac OS

sublime text 3。

sublime挺不錯的，是個新手，配置一下挺強大的，不建議用Hbuilder，過於無腦，不利於學習

我用 sublime text3 ，各方面都挺好的，但是 css3 要用插件才能顯示高亮，另外我老是陷入換 theme 和 scheme 的無聊事情中，對代碼的關注反倒少了，請問有沒有解決辦法？

樓上好多都說Sublime，看題主的問題應該什麼編程基礎，所以可能即使是Sublime的plug-in config也會覺得難以入手。

我給題主推薦Bracket by Adobe，也是很輕巧的一個編輯器特別適合網頁開發。關鍵是有及時預覽功能可以隨時隨地地在學習教程的時候調試