標籤：

html5有哪些軟體可以寫代碼？

05-04

一.記事本開發（也算一種方式）

編輯軟體有很多吧，我是做後台處理的，前端不太懂，好像最簡單的可以用windows的記事本寫出代碼，保存為.html格式，用瀏覽器就可以打開觀察效果。當然這是最low的，肯定沒有人這麼乾的。

二.Adobe Dreamweaver CS6

說重點的，專業的前端小夥伴一般使用Adobe Dreamweaver CS6，ColdFusion 10開發前端頁面，這個一般在開發PC端產品用的額比較多，好像是集成了對html網站和移動程序的可視化編輯界面。其CSS樣式表功能提供了跨平台的兼容性。可以實現web的可視化操作，拖拖滑鼠就可以完成一個頁面的編寫，當然據我所知完全視圖化的操作是不行的，必須需要人工修改。

三.eclipse(後台人員用)

像我們java人員有時也需要寫寫前端頁面，一些簡單的html就自己硬寫，使用eclipse新建一個.html文件就把數據往上懟，好像也可以視圖化編程了，用的不太多。在公司里真要寫也會求助前端小夥伴的。

四.其他

Visual Studio 2010，微軟出的現在也兼容html網頁開發了。

WebStorm4.0

Google Web Toolkit一個工具

HBuilder號稱最快，

介個..首先感謝邀請哈~

我來的時候，發現有很多同行已經推薦了一些比較好用的了，比如Sublime Text、Hbuilder等等，這些都非常的好用，而且我也比較的推薦~

在此的話，我就再補充一些吧~

notepad++

notepad++是一款輕量級編輯器 ，啟動快速，功能全面，跑起來很高效，支持27種編程語言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等

brackets

brackets是一個輕量級但功能強大的現代文本編輯器。它成功的將可視化工具融入到編輯器中，以便在需要時獲得適當的幫助，而不會妨礙你的編碼過程，請盡情享用吧~

Atom

GitHub一款文本編輯器，官方的介紹是：具有現代化，平易近人的特點，而且可以對核心進行破解 - 一個您可以自定義的工具，而且可以高效地使用而無需觸摸配置文件，不過插件目前還不是很完善

最後，Pycharm也是可以編寫HTML代碼的，不僅如此，CSS，JSS也都可以寫哦~

人生苦短，我用Python

可編寫html5軟體非常多。

記我剛出來工作的那會兒大家還比較流行用 Adobe 的Dreamweaver軟體開發網頁，那會兒好像還有不叫html5隻叫html頁面。

隨著時間的推移，技術也不發展，進步。勇現出很多的新的開發軟體，或者是從不流行變的流行起來。

我們公司的前端用的是sublime軟體來開發html5頁面，我自己也是java web方向的開發人員，之前自己做頁面也是用Dreamweaver或者java的編程軟體eclipse,idea等等。。。被前端鄙視的不行，有時候會叫他們過來幫忙調頁面排版，樣式，兼容等問題。

一直吐嘈個不停，我只好下載了一個sublime，必盡有求於別人，要讓他們爽了，效率才會提高。

用著用著自己也就習慣了用sublime，代碼的結構明顯，必盡div層多了自己都暈了，還怎麼調試。力薦這個款開發軟體。

先說輕巧的，後說大型的。

  • Notepad++

notepad名字里就帶上了我們常用到的increment oprator.是一款用C++寫的editor.現在在Stack Overflow上也是最受歡迎的源碼 Editor.不光是html5,該軟體同時還擁有編譯功能。是目前熱門Editor里吃cpu最少的editor.完美取代了微軟的記事本。

  • Sublime text

ST如今也出了十多個年頭了。在Community和Package上非常有優勢。答主自己開發前端時缺什麼就用CTRL+P裝什麼。對於HMTL5的話更是方便，開頭一個HTML +TAB就幫你把<!DICTYPE html> html head title body全部寫好。省事的還在後頭。各類html想要寫的快，沒有什麼是一個TAB解絕不了的問題。

  • Visual Studio Code

VSCode相比ST出的實在太晚，但依舊掩蓋不住它的光芒。ST能做到的，VSC也能做到。 開頭打HTML5加TAB用VSC不僅能出來完整的語法，連meta等TAG都給你照顧到了。由於自帶emmet。使得autofill非常輕鬆。後台是微軟。非常有實力。在Stack Overflow上後來居上超越了ST成為第二受歡迎的editor.不局限於只寫HTML.現在答主如果不用自己的小霸王機，也都開始用VSC寫了。佔用偏高。

  • Adobe Dreamweaver

越寫到後面越大型，DW在web開發領域還是非常有分量的。想當年中學在學校里學flash的時候沾上了DW,當時還沒被adobe收購。年代久遠了。DW不僅支持HTML,而且也是拿來寫PHP, CSS,JS的editor. 擁有比較常見的語句Highlighting,頁面Live View等功能，不需要自己另外裝一些插件就能實現。語句檢查等功能自然不在話下。功能非常強勁。但相比上面那幾款，這貨不是免費的。所以也沒上面那幾款流行。

最後，還有NetBeans, APTANA Studio,eclipse 都能拿來寫html.但答主介紹的這幾款比較普及，以後在公司和同事合作也會方便許多。

區區雅痞原創回答，轉載需在評論區聲明。

HTML5是非常值得一學的，添加了很多語義化標籤，比如nav header article video time等。結合WEB GL可以實現非常豐富的3D效果。

下面說說幾款HTML5代碼編輯神器。

1. sublime text 3.結合各種插件這個代碼編輯器簡直逆天。這個軟體打開文件的速度超快，幾乎都是秒開，不管文件多大，這是其他軟體望塵莫及的。滿分推薦。

2. web storm. 如果覺得sublime text不夠用，那就試試這款軟體吧。web storm是大名鼎鼎的JetBrains公司的重量級軟體，專為網頁前端開發而打造。不但代碼編寫非常舒服，而且調試功能強大，大大提高編碼效率。

除了記事本，推薦這個 FlashDevelop 這貨我最喜歡的一點就是快！超輕量級！有一定的代碼補缺功能，支持Actionscript,Html,xml,Css,Javascript,C++,C#,Php,Python等，支持svn,git。本來是用來開發Flash,Flex應用的，不過寫寫H5還是沒問題的。

nodepad++, editplus, 兩個都比較小巧，佔用空間就2，3M的樣子，前者可以直接下載，後者因為是韓國的軟體所以需要破解。

hbuilder,相對來說就大一點了，打開速度自然不能跟上面兩個相比，但是代碼提示還是很不錯的，而且可以打包App。還可以直接建立jQuery 文件，不用從網上下載。

Dreamweaver, 強大的Adobe 公司的，就是PS那個公司，這個代碼提示很一般。

visual studio, 微軟的，沒用過，不過也不錯。

atom, github 社區專門為前端工程師開發的，非常個性化，需要一段比較長的適應期。sublime,也比較小巧，但是插件豐富，需要什麼插件去下什麼插件。

webstorm 外國的編輯器，需要破解，絕對的神器，代碼提示非常厲害，推薦使用。打開速度就比較慢了。

當然，你也可以用記事本，反正我不用。練習我就用editplus 或者nodepad,項目用webstorm 或hbuilder.

atom webstrom vscode sublime hbuilder。 記...記...記事本？？！

個人覺得vscode最好用。

這個東西，寫代碼神器。

不僅可以讓你體會到寫代碼的時候忘記單詞怎麼拼寫的焦灼，還能體會到別人對你投來SB般的眼神。

notepad算嗎？

推薦閱讀：

TAG:HTML5 | 軟體 | 科技 |