HTML5开发工具有哪些 有哪些比较好的HTML5开发工具
html5\u5e38\u7528\u7684\u5f00\u53d1\u5de5\u5177\u662f\u54ea\u4e9b\uff1f\u7b2c\u4e00\u3001\u3010Google Web Toolkit\u3011\u662f\u73b0\u5728\u5927\u5bb6\u8fd8\u4e0d\u719f\u6089\u7684\u5de5\u5177\u4e4b\u4e00\uff0c\u4e3b\u8981\u7528\u4e8e\u5f00\u53d1\u6d4f\u89c8\u5668\u5e94\u7528\u7684\u4e00\u4e2a\u5de5\u5177\uff0c\u4e0d\u8fc7\u5e93\u4e2d\u652f\u6301\u5f88\u591a\u3010HTML5\u3011\u7684\u529f\u80fd\uff0c\u5305\u62ec\u5bf9\u5ba2\u6237\u7aef\uff0c\u6216\u8005\u662fweb\u5b58\u50a8\u7684\u652f\u6301\uff0c\u90fd\u53ef\u4ee5\u5b9e\u73b0\u3002
\u7b2c\u4e8c\u3001\u8fd8\u6709\u4e00\u79cd\u662f\u3010JetBrains WebStorm\u3011\u5de5\u5177\uff0c\u9700\u8981\u521b\u5efaHTML\u6587\u6863\u65f6\u53ef\u83b7\u5f97\u5bf9\u3010HTML5\u3011\u6587\u4ef6\u7684\u652f\u6301\uff0c\u73b0\u5728\u7684\u8fd0\u7528\u5f88\u591a\uff0c\u6bd4\u5982\u780d\u4f10\u8005\u952e\u5165\uff0c\u4f7f\u7528\u8005\u53ef\u4ee5\u5728\u3010chrome\u3011\u6d4f\u89c8\u5668\u4e2d\u53ca\u65f6\u7684\u9884\u89c8\u3010HTML\u3011\u7684\u6587\u6863\u5f88\u65b9\u4fbf\u3002
\u7b2c\u4e09\u3001\u5fae\u8f6f\u7684\u3010Visual Studio 2010 SP1\u3011\u4e2d\u63d0\u4f9b\u4e86IntelliSense\u8fd9\u4e2a\u9879\u76ee\uff0c\u4e5f\u5c31\u662f\u8bf4\u8ffd\u52a0\u4e86\u9488\u5bf9\u3010HTML5\u3011\u7684\u4e00\u4e9b\u5143\u7d20\uff0c\u603b\u4f53\u4f7f\u7528\u8d77\u6765\u8fd8\u662f\u6bd4\u8f83\u597d\u7684\uff0c\u4f46\u662f\u6211\u4eec\u8981\u7ed3\u5408\u3010ddhu\u3011\u7684\u4e00\u4e9b\u5b9e\u7528\u5de5\u5177\u3002
\u7b2c\u56db\u3001\u3010Dojo Foundation Maqetta\u3011\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u8fd9\u6b3e\u662f\u5de5\u5177\u662f\u6765\u81ea\u4e8e\u3010IBM\u3011\u9879\u76ee\u4e4b\u4e00\uff0c\u3010Dojo Foundation Maqetta\u3011\u662f\u4e3a\u684c\u9762\u548c\u79fb\u52a8\u8bbe\u5907\u5f00\u53d1HTML5\u5e94\u7528\u7684\u5f00\u6e90\u5de5\u5177\uff0c\u6d4f\u89c8\u5668\u5373\u53ef\u4f7f\u7528\u3002
\u7b2c\u4e94\u3001\u5f53\u7136\u8fd8\u6709\u3010Sencha Touch2\u3011\u662f\u79fb\u52a8\u5e94\u7528\u6846\u67b6\u7684\u4e00\u79cd\uff0c\u53ef\u4ee5\u5f53\u505a\u4e00\u4e2a\u91cd\u8981\u3010Sencha\u3011\u7684HTML5\u5e73\u53f0\uff0c\u4f7f\u7528\u8005\u53ef\u4ee5\u7528\u5b83\u5f00\u53d1\u9762\u5411\u3010iOS\u3011\u8fdb\u884c\u5236\u4f5c\u548c\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u3010Android\u3011\u548c\u3010Blackberry\u3001Kindle Fire\u3011\u4f7f\u7528\u3002
\u7b2c\u516d\u3001\u73b0\u5728\u6211\u4eec\u7ee7\u7eed\u4ecb\u7ecd\u3010Sencha\u3011\uff0c\u8fd9\u6b3e\u5de5\u5177\u7684\u4e3b\u8981\u5b9a\u4f4d\u662f\u3010HTML5\u3011\u7684\u53ef\u89c6\u5316\u5f00\u53d1\u7814\u7a76\uff0c\u4e00\u822c\u6765\u8bf4\u5f00\u53d1\u56e2\u961f\u53ef\u4ee5\u5728\u4e00\u4e2a\u4efb\u52a1\uff0c\u7136\u540e\u505a\u4e00\u4e2a\u96c6\u6210\u7684\u73af\u5883\uff0c\u7136\u540e\u5728\u8fd9\u4e2a\u73af\u5883\u4e2d\u5b8c\u6210\u5e94\u7528\u7684\u8bbe\u8ba1\u548c\u5f00\u53d1\uff0c\u4ee5\u53ca\u9700\u8981\u7684\u90e8\u7f72\u3002
\u7b2c\u4e03\u3001\u6211\u4eec\u6765\u4ecb\u7ecd\u4e00\u4e0b\u3010Adobe ColdFusion \u3011\uff0c\u8fd9\u6b3e\u5de5\u5177\u4e3b\u8981\u662f\u7528\u6765\u5f00\u53d1\u4f01\u4e1a\u3010Web\u3011\u7a0b\u5e8f\u7684\u4e00\u4e2a\u6280\u672f\uff0c\u901a\u8fc7\u3010Websockets\u3011\u548c\u4e92\u52a8\u8868\u5355\u4ee5\u53ca\u89c6\u9891\u7b49\u6765\u505a\u51fa\u3010HTML5\u3011\u6280\u672f\uff0c\u521b\u5efa\u4e00\u79cd\u7528\u6237\u4f53\u9a8c\u3002
\u7b2c\u516b\u3001\u6700\u540e\u3010Adobe Dreamweaver CS6\u3011\u4f5c\u4e3a\u4e00\u4e2a\u3010Web\u3011\u7aef\u53e3\u7684\u4e00\u79cd\u8bbe\u8ba1\u8f6f\u4ef6\uff0c\u8fd9\u6b3e\u5de5\u5177\u63d0\u4f9b\u4e86\u5bf9\u3010HTML\u3011\u7f51\u7ad9\u548c\u79fb\u52a8\u7a0b\u5e8f\u7684\u53ef\u89c6\u5316\u7f16\u8f91\u754c\u9762\uff0c\u6574\u4f53\u6765\u8bf4\u4f7f\u7528\u4e5f\u662f\u6bd4\u8f83\u7684\u65b9\u4fbf\u3002
Sublime Text
Sublime Text\u754c\u9762\u4f18\u7f8e\u3001\u529f\u80fd\u5f3a\u608d\u3001\u6027\u80fd\u4f18\u8d8a\uff0c\u5b83\u5e76\u4e0d\u662fIDE\uff08\u96c6\u6210\u5f00\u53d1\u73af\u5883\uff09\uff0c\u800c\u662f\u4e00\u4e2a\u5355\u7eaf\u7684\u6587\u672c\u7f16\u8f91\u5de5\u5177\uff0c\u4f46\u5176\u4ee3\u7801\u9ad8\u4eae\u663e\u793a\u3001\u8bed\u6cd5\u63d0\u793a\u3001\u81ea\u52a8\u5b8c\u6210\u4e14\u53cd\u5e94\u5feb\u901f\uff0c\u8fd8\u6709\u5404\u79cd\u4e30\u5bcc\u63d2\u4ef6\u7684\u652f\u6301\uff0c\u4f7f\u5f97\u6587\u672c\u7f16\u8f91\u8fc7\u7a0b\u975e\u5e38\u89c4\u8303\u4e14\u5feb\u901f\u9ad8\u6548\u3002\u540c\u65f6\uff0cSublime Text\u652f\u6301Windows\u3001Linux\u3001Mac OS X\u7b49\u64cd\u4f5c\u7cfb\u7edf\u3002
Sublime Text\u66f4\u591a\u529f\u80fd\u4ecb\u7ecd\uff1ahttps://www.h5course.com/plus/search.php?q=sublime
WebStorm
WebStorm\u7684\u725b\u903c\u4e4b\u5904\u5728\u4e8e\u5546\u5bb6\u5728\u4e0d\u65ad\u7684\u66f4\u65b0\u7248\u672c\u3002WebStorm\u5728JavaScript\u5f00\u53d1\u4e2d\uff0c\u88ab\u8a89\u4e3aWeb\u5f00\u53d1\u795e\u5668\u3002
WebStorm\u96c6\u6210\u4e86ZenCoding\u3001HTML5\u3001ftp\u3001\u5373\u65f6\u7f16\u8f91\uff08Chrome\uff09\u3001\u81ea\u52a8\u5b8c\u6210\u3001\u57fa\u4e8eMozilla\u7684JavaScript\u8c03\u8bd5\u5668\u3001JSLint\u3001Less\u652f\u6301\u3001CoffeeScript\u652f\u6301\u3001Node.js\u7b49\u7279\u6027\u3002
Atom
Atom \u662fGitHub\u4e13\u95e8\u4e3a\u7a0b\u5e8f\u5458\u63a8\u51fa\u7684\u4e00\u4e2a\u8de8\u5e73\u53f0\u6587\u672c\u7f16\u8f91\u5668\uff0c\u5177\u6709\u7b80\u6d01\u548c\u76f4\u89c2\u7684\u56fe\u5f62\u7528\u6237\u754c\u9762\uff0c\u5e76\u6709\u5f88\u591a\u6709\u8da3\u7684\u7279\u70b9\uff1a\u652f\u6301HTML\u3001CSS\uff0cJavaScript\u7b49\u7f16\u7a0b\u8bed\u8a00\u3002\u5b83\u8fd8\u652f\u6301\u5b8f\uff0c\u81ea\u52a8\u5b8c\u6210\u5206\u5c4f\u7b49\u529f\u80fd\uff0c\u96c6\u6210\u4e86\u6587\u4ef6\u7ba1\u7406\u5668\u3002
1、Sublime Text
Sublime Text 是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML和散文先进的文本编辑器。
Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的 Python API ，Goto 功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。
3、Adobe Edge
Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
4、WebStorm
WebStorm是一款Java 开发工具，目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的Java IDE"等。
WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
5、HBuilder
HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。
HBuilder不为敲字母而花费时间，不为大小写拼错而调错半天，把精力花在思考上，想清楚后落笔如飞。支撑这个理念，除了体验上的精细设计，还要求我们突破很多世界级技术难题，包括语法库、语法结构模型、AST语法分析引擎。
参考资料来源：百度百科——Sublime Text
参考资料来源：百度百科——Dreamweaver
参考资料来源：百度百科——Adobe Edge
参考资料来源：百度百科——WebStorm
参考资料来源：百度百科——HBuilder
HTML开发软件可以使用HBuilder、Sublime Text3、notepad++等等，都是比较好且容易上手的开发软件，使用代码快捷键可以快速编写代码，且有语法识别家里，提示错误代码等。
一、Adobe Edge
目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。
动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。
用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。
四、Sencha Architect 2
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。
五、Sencha Touch 2
Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。
六、Dojo Foundation Maqetta
来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板
七、微软Visual Studio 2010 ServicePack 1
虽然一开始并不支持HTML5，但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense，追加了针对HTML5的一些元素。
八、JetBrains WebStorm 4.0
作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。
九、Google Web Toolkit
该开发工具用于开发浏览器应用，但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化，以及音频和视频widget。
1.高级文本编辑器(Sublime Text)
Sublime Text 很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。类似的还有Notepad++、UltraEdit
2.Dreamweaver
Dreamweaver拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。
3.Adobe Edge
Adobe公司的一款新型网页互动工具。允许设计师通过HTML5、CSS和JavaScript制作网页动画。
4.WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
5.DevExtreme
DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。
初次之外还有很多优秀的HTML5开发工具，不一一列举。
1. Adobe DreamweАVer CS6
DreamweАVer CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制訒作并编辑网站和移动应用程序的网页设计软件。由于DreamweАVer支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！
2. Adobe Edge
Adobe Edge是一个用HTML5、CSS、JАVa开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服訒务。通訒过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3. DevExtreme
DevExtreme Complete Subion是性能最优的HTML5,CSS和JАVa移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提訒供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公訒司旗下一款JАVa 开发工具。被广大中訒国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JАVaS IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
绛旓細HTML寮鍙戣蒋浠跺彲浠ヤ娇鐢℉Builder銆丼ublime Text3銆乶otepad++绛夌瓑锛岄兘鏄瘮杈冨ソ涓斿鏄撲笂鎵嬬殑寮鍙戣蒋浠讹紝浣跨敤浠ｇ爜蹇嵎閿彲浠ュ揩閫熺紪鍐欎唬鐮侊紝涓旀湁璇硶璇嗗埆瀹堕噷锛屾彁绀洪敊璇唬鐮佺瓑銆1銆丩ungo Lungo鏄竴娆惧熀浜嶩TML5鐨勫紑鍙戞鏋讹紝涓撲负鎯宠璁捐銆佹瀯寤哄拰鍏变韩璺ㄨ澶囧簲鐢ㄧ殑寮鍙戣呰屽噯澶囥傛敮鎸佸紑鏀剧殑Web鏍囧噯锛屽HTML5銆丆SS3鍜孞av...
绛旓細4銆乄ebStorm WebStorm鏄竴娆綣ava寮鍙戝伐鍏凤紝鐩墠宸茬粡琚箍澶т腑鍥絁S寮鍙戣呰獕涓篭Web鍓嶇寮鍙戠鍣╘銆乗鏈寮哄ぇ鐨凥TML5缂栬緫鍣╘銆乗鏈鏅鸿兘鐨凧avaIDE\绛夈俉ebStorm鍏锋湁鐨勪紭鍔挎槸锛氭櫤鑳界殑浠ｇ爜琛ュ叏銆佷唬鐮佹牸寮忓寲銆乭tml鎻愮ず銆佽仈鎯虫煡璇佷唬鐮侀噸鏋勩佷唬鐮佹鏌ュ拰蹇熶慨澶嶃佷唬鐮佽皟璇曘佷唬鐮佺粨鏋勬祻瑙堛佷唬鐮佹姌鍙犮佸寘瑁规垨鑰呭幓鎺夊鍥翠唬鐮...
绛旓細鍦ㄥ紑鍙戠Щ鍔ㄥ拰妗岄潰搴旂敤鐨勫伐鍏蜂腑锛Sencha鐨勫畾浣嶆槸HTML5鍙鍖栧簲鐢ㄥ紑鍙銆傚紑鍙戝洟闃熷彲浠ュ湪涓涓崟涓闆嗘垚鐨勭幆澧冧腑瀹屾垚搴旂敤鐨勮璁°佸紑鍙戝拰閮ㄧ讲銆傚紑鍙戣呰繕鍙互寮鍙慡enchaTouch2鍜孍xtJS4JavaScript搴旂敤锛屽苟瀹炴椂棰勮銆備簲銆丼enchaTouch2 SenchaTouch2鏄Щ鍔ㄥ簲鐢ㄦ鏋讹紝涔熻鐪嬩綔鏄疭encha鐨凥TML5骞冲彴銆傚紑鍙戣呭彲浠ョ敤瀹冨紑鍙戦潰鍚慽OS...
绛旓細鍦ㄥ紑鍙戠Щ鍔ㄥ拰妗岄潰搴旂敤鐨勫伐鍏蜂腑锛Sencha鐨勫畾浣嶆槸HTML5鍙鍖栧簲鐢ㄥ紑鍙銆傚紑鍙戝洟闃熷彲浠ュ湪涓涓崟涓闆嗘垚鐨勭幆澧冧腑瀹屾垚搴旂敤鐨勮璁°佸紑鍙戝拰閮ㄧ讲銆傚紑鍙戣呰繕鍙互寮鍙慡encha Touch2鍜孍xt JS4 JavaScript搴旂敤锛屽苟瀹炴椂棰勮銆備簲銆丼encha Touch 2 Sencha Touch2鏄Щ鍔ㄥ簲鐢ㄦ鏋讹紝涔熻鐪嬩綔鏄疭encha鐨凥TML5骞冲彴銆傚紑鍙戣呭彲浠ョ敤瀹...
绛旓細绗竴銆併Google Web Toolkit銆戞槸鐜板湪澶у杩樹笉鐔熸倝鐨勫伐鍏蜂箣涓锛屼富瑕佺敤浜庡紑鍙戞祻瑙堝櫒搴旂敤鐨勪竴涓伐鍏凤紝涓嶈繃搴撲腑鏀寔寰堝銆怘TML5銆戠殑鍔熻兘锛屽寘鎷瀹㈡埛绔紝鎴栬呮槸web瀛樺偍鐨勬敮鎸侊紝閮藉彲浠ュ疄鐜般傜浜屻佽繕鏈変竴绉嶆槸銆JetBrains WebStorm銆戝伐鍏凤紝闇瑕佸垱寤篐TML鏂囨。鏃跺彲鑾峰緱瀵广怘TML5銆戞枃浠剁殑鏀寔锛岀幇鍦ㄧ殑杩愮敤寰堝锛屾瘮濡...
绛旓細1.SproutCore SproutCore鏄竴涓紑婧愮殑JS-MVC妗嗘灦锛岀敤浜庡揩閫熸瀯寤哄師鐢熺殑Web搴旂敤銆係proutCore宸茬粡瀛樺湪寰堝骞翠簡锛屽畠鐨勭洰鏍囨槸鑳藉湪娴忚鍣ㄤ腑鎻愪緵鏋佷匠鐨勬闈㈡晥鏋滃簲鐢ㄨ屾棤闇浠讳綍娴忚鍣ㄦ彃浠躲傝屼笖锛孲proutCore杩樿兘鍜屼换浣曞悗绔湇鍔″櫒鎶鏈惌閰嶄娇鐢ㄣ2.HTML5 Maker 鍦ㄦ湭鏉ョ殑鍑犲勾閲岋紝HTML5鍔ㄧ敾灏嗕細鎴愪负涓涓緢搴炲ぇ鐨勪笢瑗匡紝骞朵笉...
绛旓細WebStorm 鏄痡etbrains鍏徃鏃椾笅涓娆綣avaScript寮鍙戝伐鍏枫傝骞垮ぇ涓浗JS寮鍙戣呰獕涓衡淲eb鍓嶇寮鍙戠鍣ㄢ濄佲滄渶寮哄ぇ鐨凥TML5缂栬緫鍣ㄢ濄佲滄渶鏅鸿兘鐨凧avaS IDE鈥濈瓑銆備笌IntelliJ IDEA鍚屾簮锛岀户鎵夸簡IntelliJ IDEA寮哄ぇ鐨凧S閮ㄥ垎鐨勫姛鑳姐5. Sencha Architect 鍦ㄥ紑鍙戠Щ鍔ㄥ拰妗岄潰搴旂敤鐨勫伐鍏蜂腑锛孲encha鐨勫畾浣嶆槸HTML5鍙鍖栧簲鐢ㄥ紑鍙...
绛旓細浠婂ぉ,鎴戝皢涓哄ぇ瀹舵帹鑽愬嚑涓富娴佺殑HTML5寮鍙戝伐鍏銆1銆丼ublime Text Sublime Text鏄竴涓法骞冲彴鐨勪唬鐮佺紪杈戝櫒锛屽悓鏃舵敮鎸乄indows銆丩inux銆丮ac OS X绛夋搷浣滅郴缁燂紝涔熸槸HTML鐨勬枃鏈紪杈戝櫒銆係ublime Text鍏锋湁婕備寒鐨勭敤鎴风晫闈㈠拰寮哄ぇ鐨勫姛鑳斤紝涓昏鍔熻兘鍖呮嫭锛氭嫾鍐欐鏌ャ佷功绛俱佸畬鏁寸殑 Python API 銆丟oto 鍔熻兘銆佸嵆鏃堕」鐩垏鎹佸...
绛旓細h5鐨勫埗浣滃伐鍏锋湁:涓銆Adobe Edge 鐩墠杩樺浜庨瑙堥樁娈电殑Adobe Edge鏄敤HTML5銆丆SS銆丣avaScript寮鍙戝姩鎬佷簰鍔ㄥ唴瀹圭殑璁捐宸ュ叿銆傚唴瀹瑰彲浠ュ悓鏃跺吋瀹圭Щ鍔ㄨ澶囧拰妗岄潰鐢佃剳銆侲dge鐨勪竴涓噸瑕佸姛鑳芥槸Web宸ュ叿鍖呯晫闈紝鏂逛究纭繚椤甸潰鍦ㄤ笉鍚屾祻瑙堝櫒涓殑鏋舵瀯涓鑷存э紝姝ゅEdge杩樺皢鏁村悎TypeKit杩欐牱鐨勫瓧浣撴湇鍔°傚姩鐢诲拰鍥惧舰鍙互娣诲姞鍒癏TML...
绛旓細WebStorm 鏄痡etbrains鍏徃鏃椾笅涓娆綣ava寮鍙戝伐鍏枫傝骞垮ぇ涓浗JS寮鍙戣呰獕涓衡淲eb鍓嶇寮鍙戠鍣ㄢ濄佲滄渶寮哄ぇ鐨凥TML5缂栬緫鍣ㄢ濄佲滄渶鏅鸿兘鐨凧avaS IDE鈥濈瓑銆備笌IntelliJ IDEA鍚屾簮锛岀户鎵夸簡IntelliJ IDEA寮哄ぇ鐨凧S閮ㄥ垎鐨勫姛鑳姐5銆Sencha Architect 鍦ㄥ紑鍙戠Щ鍔ㄥ拰妗岄潰搴旂敤鐨勫伐鍏蜂腑锛孲encha鐨勫畾浣嶆槸HTML5鍙鍖栧簲鐢ㄥ紑鍙戙傚紑...
