你好 寫HTML5和JavaScript的話可以用HBuilder或者webstorm,不過這兩個IDE都比較大,對電腦的性能有一定的要求,或者也可以用Sublime Text 3,這個要小一些,但需要安裝插件,
十余年的杜集網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整杜集建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“杜集網(wǎng)站設(shè)計”,“杜集網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
HBuilder
webstorm
Sublime Text 3
希望我的回答能夠幫助到你,如果還有什么疑問可以繼續(xù)追問。
[img]Notepad++包含插件Explorer(管理代碼文件)和插件ZenCoding(提高編碼速度)和4大瀏覽器MSIE9+、FF(帶上Firebug)、Chrome\Safari、Opera。SublimeText2,很好用的IDE;WebStorm也不錯,最新版本全面支持HTML5.0。
是hbuilder更好。
HBuilder 是DCloud(數(shù)字天堂)推出一款支持HTML5的Web開發(fā)IDE?!翱?,是HBuilder的最大優(yōu)勢,通過完整的語法提示和代碼輸入法、代碼塊及很多配套,HBuilder能大幅提升HTML、js、css的開發(fā)效率。
以“快”為核心的HBuilder,引入了“快捷鍵語法”的概念,巧妙地解決了困擾許多開發(fā)者的快捷鍵過多而記不住的問題。開發(fā)者只需要記住幾條語法,就 可以快速實現(xiàn)跳轉(zhuǎn)、轉(zhuǎn)義和其他操作。比如alt+[是跳轉(zhuǎn)到括號,alt+’是跳轉(zhuǎn)到引號,alt+字母是跳轉(zhuǎn)菜單項,而alt+左則是跳轉(zhuǎn)到上一次光標 位置。而Ctrl則是各種操作,比如ctrl+d就是刪除一行。shift則是轉(zhuǎn)義,比如shift+回車是br/,shift+空格 是 。
另外,HBuilder的生態(tài)系統(tǒng)可能是最豐富的Web IDE生態(tài)系統(tǒng),因為它同時兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術(shù)都有Eclipse插件。
HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫,它基于Eclipse,所以順其自然地兼容了 Eclipse的插件。但因為Java效率太低,所以用C寫了啟動器。HBuilder柔和的綠色界面設(shè)計需要動態(tài)調(diào)節(jié)屏幕亮度,它還支持手機數(shù)據(jù)線真機 聯(lián)調(diào),而這些都是用C寫的。
HBuilder很多界面,比如用戶信息界面都是使用Web技術(shù)來做的,既漂亮,開發(fā)起來又快。最后,代碼塊、快捷配置命令腳本,都是用Ruby開發(fā)的。
國人開發(fā)的HTML5編碼神奇,號稱為編碼極客而生的的IDE。
代碼輸入法:一個數(shù)字鍵,少敲10個按鍵;
代碼塊:一個代碼塊,少敲50個按鍵;
模糊匹配:跳著敲字母就能匹配到單詞;
內(nèi)置emmet,tab一下生成一串代碼;
智能補齊:感知你的意圖,自動完成輸入;
跳轉(zhuǎn)助手、選擇助手,不用鼠標,手不離鍵盤;
才比別的工具快5倍?對極客而言,追求快,沒有止境!
1. Adobe Dreamweaver CS6
Dreamweaver CS6是世界頂級軟件廠商Adobe推出的一套擁有可視化編輯界面,用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計軟件。由于Dreamweaver支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁,對于初級人員,你可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。其成熟的代碼編輯工具更適用于Web開發(fā)高級人員的創(chuàng)作!
2. Adobe Edge
Adobe Edge是一個用HTML5、CSS、Java開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。它的一個重要功能是web工具包界面,用于方便確保在不同瀏覽器中架構(gòu)的一致性,此外,Adobe Edge還將整合TypeKit這樣的字體服務(wù)。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備,也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
3. DevExtreme
DevExtreme Complete Subion是性能最優(yōu)的HTML5,CSS和Java移動開發(fā)框架,可以直接在Visual Studio集成開發(fā)環(huán)境,構(gòu)建iOS,Android,Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件,并且提供源代碼。目前,DevExtreme支持VS2010/2012/2013集成開發(fā)環(huán)境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺,是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的首選工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript開發(fā)工具。被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaS IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
5. Sencha Architect
在開發(fā)移動和桌面應(yīng)用的工具中,Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 Java應(yīng)用,并實時預(yù)覽。
6、Initializr
Initializr 是制作 HTML5 網(wǎng)站最好的入門輔助開發(fā)工具,你可以使用提供的特色模板快速生成網(wǎng)站,也可以自定義,Initializr 會為你生成代碼簡潔的可定制的網(wǎng)頁模板。
7、HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎?想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎?HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。
8、HTML5 Tracker
想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧,它可以跟蹤 HTML5 最新修訂信息。
9、HTML5 visual cheat sheet
想要快速超找一個標簽或者屬性嗎?看看這個非??岬乃俨槭謨园?,每個Web開發(fā)人員的必備。
10、Switch To HTML5
Switch To HTML5 是一個基礎(chǔ)而實用的模板生成工具。如果你開始一個新項目,可以到這里獲取免費的 HTML5 網(wǎng)站模板。
11、HTML5 Test
你瀏覽器準備好迎接 HTML5 革命了嗎?HTML5 Test 將告訴你。這個網(wǎng)站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。
12、Lime JS
LimeJS 是一個 HTML5 游戲開發(fā)框架,用于快速構(gòu)建運行于觸屏設(shè)備和桌面瀏覽器的游戲。非常棒的HTML5開發(fā)工具,一定要用用試試。
DCloudHBuilder:基于HTML5開發(fā)工具是當前最快的HTML開發(fā)工具,強大的代碼助手幫你快速完成開發(fā),最全的語法庫和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛,DCloud 還提供云端打包服務(wù),可以讓開發(fā)者直接在云端生成 .ipa 或 .apk 安裝包供部署調(diào)試。
DCloud HBuilder致力于做最好用的HTML5移動開發(fā)工具。
推薦指數(shù):★★★★★
2
Animatron是一款簡單而又強大的在線工具,通過它,你可以創(chuàng)建出令人驚嘆的的HTML5動畫和互動內(nèi)容。 使用非常直觀的Animatron編輯器去設(shè)計和發(fā)布完美的移動產(chǎn)品,同時也可以到處播放的電影和信息圖表等,從桌面瀏覽器到移動設(shè)備,無需編碼,所見即所得。
3
Lungo是一款基于HTML5的開發(fā)框架,專為想要設(shè)計、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準備。
支持開放的Web標準,如HTML5、CSS3和JavaScript;支持手機、電視以及桌面設(shè)備。
擁有強大的JavaScript API:開發(fā)webAPP應(yīng)用有很多種方式,而不是一味的優(yōu)化。Lungo提供了一個強大的API,這樣你可以完全掌控自己的webAPP應(yīng)用程序。