⑴ Web前端开发要掌握哪些H5开发工具
今天小编要跟大家分享的文章是关于Web前端开发要掌握哪些H5开发工具?正所谓“工欲善其事必先利其器”，一名合格的Web前端开发工程师自然会用到不少能使其工作高效的工具。下面，就给大家分享Web前端开发需要掌握的10款H5开发工具！
1、Lungo
Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和JavaScript;支持手机、电视以及桌面设备。拥有强大的JavaScript
API：开发WebAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的WebAPP应用程序。
2、Animatron
Animatron是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。使用非常直观的Animatron编辑器去设计和发布完美的移动产品，同时也可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。
3、DCloudHBuilder
DCloudHBuilder：基于HTML5开发工具是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛，DCloud
还提供云端打包服务，可以让开发者直接在云端生成.ipa或.apk安装包供部署调试。
4、mobl
mobl是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl可方便构建手机Web应用程序，包括iOS、Android和其他支持
HTML5
技术的手机。Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构：实体(entities)、类型(types)、函数(functions)、控件(controls)、屏幕(screens)、样式(styles
)和设备(services)。实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。
5、Initializr
Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr
会为你生成代码简洁的可定制的网页模板。
6、WebStorm
WebStorm是一款强大的HTML5/JavaScriptWeb前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm
8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。
7、Notepad++
Notepad++程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++,Java,C#,XML,HTML,PHP,JS
等，推荐各位下载使用。Notepad++可完美地取代微软的记事本。
8、Dreamweaver
Dreamweaver
是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!
9、Eclipse
Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual
AgeforJava的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会(Eclipse
Foundation)管理。
10、DevExtreme
DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows
Phone8应用程序，是VisualStudio开发人员开发跨平台移动产品的优选工具。
以上就是小编今天为大家分享的关于Web前端开发要掌握哪些H5开发工具的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利！
⑵ 求WEB前端开发学习路线
Web前端不仅薪资比较高，而且发展前景也很可观，越来越多的年轻人纷纷选择web前端作为未来的职业发展方向，但是就怎么选择学习方法而言，但是很多都是零基础来学习web前端的，对于这个行业可能一概不知，该怎么去学习呢？什么样的学习方法更适合学。，那么这份最详细的web前端学习路线分享给大家。
第一阶段：前端页面重构
内容包含了：（PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目）
第二阶段：JavaScript高级程序设计
内容包含：1）原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目）
第三阶段：PC端全栈项目开发
内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）
第四阶段：移动端项目开发
内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）
第五阶段：混合（Hybrid,ReactNative）开发
内容包含：（微信小程序开发、React Native、各类混合应用开发）
第六阶段：NodeJS全栈开发
内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、nosql数据库）
第七阶段：大数据可视化
内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库）
对于想学习web前端的同学来说：首先是自学，其实自学也不是不可以，只要有毅力能坚持，自己学习是完全没有问题的，现在有很多同学也是自己找资料视频来学习。最后技术也学的挺牛的，得看个人兴趣和悟性，软件开发本来就是一项比较枯燥的工作，如果只是单纯的觉得这项行业工资高而进来的话，可能学习中遇到技术难题，就会知难而退了，难以坚持下去，而真正爱这行的会迎难而上，不解决不罢休，这也是为什么有些能自学下来有些却不行的原因。
如果选择培训机构的话，对于没有基础或者毅力坚持下去的同学是比较好的学习方式，首先培训机构课程比较完善，没有基础的同学往往不知道从哪个方向去学习，而培训机构能更好的满足这部分学员，一般培训机构的老师都是经验比较丰富的，讲课的时候重点和难点会详细讲解，及时解决，这样学习的能保障每个学员都能弄懂，而且不用自己苦思冥想找答案。这样也大大的提升了学习的热情。最重要的是培训机构有阶段性的项目练习，这个对于自学的同学来说是没有的，现在的企业都是看着每个求职者的动手能力，如果有项目的实践操作，在应聘中也更有竞争力。
其实不管自学还是培训机构也好，最重要的是看自己的热情，还有能不能吃苦和努力，web前端开发确实是高薪职业，市场需求也很大，只要你有本事，你就是企业需求的人才，那么想快速达到这个技术能力，自己该怎么做怎么学就看你自己的选择了。
⑶ html5和前端有什么区别
前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。
相对WEB前端，HTML5前端这个新的技术方向需求也很大。因为几乎所有互联网服务都需要WEB前端开发，所以说只要技术熟练，就业很容易。
随着电商领域的互联网项目不断兴起之后，激烈的竞争让这里面的玩家对用户体验提出了更高的要求，极致的用户体验甚至成为了胜负的关键。也因此让HTML5前端开发走到台前，成为一个必须的开发工种。
与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准，况且以上三个例子有可能属于Web，有可能属于前端，但是不属于Web前端。
再有国外的前端开发人员和后端开发人员比例约为1:1，但是国内比例却在1:3以下，导致web前端开发职位的人才缺口变大。
在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。
HTML前端开发
与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。web前端工程师
这个方向是目前从事Web前端开发的主要就业方向
Web架构师
薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。
数据方向
数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java玩的溜，属于Web开发的拓展方向。
大前端方向
比如阿里，在大量实践rn和weex;由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端(还有node)。
图形学方向
前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。
⑷ 学习好HTML5前端开发，都学习哪些内容知识
自从接触网站开发以来到现在已经有六个年头了，今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时，勾起了在这网站开发道路上的一串串回忆，成功与喜悦、烦恼与纠结都历历在目，感慨颇多。在此与大家分享，希望对初学Web前端的各位童鞋来说有所帮助。欢迎各位吐槽、拍砖。
先从大家学习上的一个误区开始谈起。
前端开发是一个近几年兴起的新兴行业，所以远没有电子商务那样成熟的课程体系，大学内也没有完整的前端课程体系，所以学习前端在国内无非就是培训，以及自学。
培训是针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是4
9 4，中间是〇 6 4，最后面就是 9 三 4
，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。
Web前端的学习误区
网页制作是计算机专业同学在大学期间都会接触到的一门课程，而学习网页制作所用的第一个集成开发环境（IDE）想必大多是Dreamweaver，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。
入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。
那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢？这不是舍简求繁吗？
但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。
因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。
正确的方向胜过无谓的努力
有两只蚂蚁想翻越一段墙，寻找墙那头的食物。一只蚂蚁来到墙脚就毫不犹豫地向上爬去，可是每当它爬到大半时，就会由于劳累、疲倦而跌落下来。虽然它不气馁，一次次跌下来，又迅速地调整一下自己，重新开始向上爬去。
另一只蚂蚁观察了一下，决定绕过墙去。很快，这只蚂蚁绕过墙来到食物前，开始享受起来；而另一只蚂蚁还在不停地跌落下去又重新开始。
很多时候，成功除了勇气、坚持不懈外，更需要方向。也许有了一个好的方向，成功来得比想象的更快。如果在错误的路上奔跑,再怎么努力也是白搭。学习Web前端也是如此，首先应该选择一个正确的学习路线。
Web前端的学习路线结合我的学习经历、近年来辅导学生的经验以及公司中实际项目的需求，在这里将Web前端的学习分为以下几个阶段，具体的学习路线图如图所示。
第一阶段——HTML的学习。
超文本标记语言（HyperText
Mark-up Language
简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的！
在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。
于是进入第二个阶段——CSS的学习。
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设。
“楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。
为了完成这个任务，我们进入第三个阶段——JavaScript的学习。
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅！有么有？
此时，也许你还沉浸在JavaScript给你带来的惊喜之中，但你的项目经理却突然对你大吼道:
“这个效果在××浏览器下不兼容，重新搞……”
“不兼容？”瞬间石化了有木有？
“我擦，坑爹啊！那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”
JavaScript的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。
接下来我们进入第四个阶段——jQUery的学习。
jQuery是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器（jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持），同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其write
less,do more的核心宗旨。这个Feel倍儿爽！有么有？
“豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐！能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪？可以实现吗？答案是肯定的。
这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架，在这里推荐给大家的是Bootstrap。 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。
在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽！
Web前端的学习建议
最后给大家聊聊在学习Web前端中的一些建议和方法。
在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。
“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。
同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能！
随着移动互联网热潮的到来，移动开发越来越受到大家的追捧，响应式布局、微网站等需求量不断增加，也是我们Web前端未来的发展方向之一，学有余力的同学可以多多关注。最后祝愿大家能在Web前端开发道路上走出一片更宽更广的天地！
⑸ 女生学习HTML5前端开发有优势么
女生学习前端还是挺有优势的，前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端面授班的时间大约半年，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
⑹ 零基础学习前端开发要怎么开始
这里整理了一份web前端学习路线的思维导图，需要掌握和学习的内容如下：
第一阶段：专业核心基础
阶段目标：
1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。
2. 熟练运用HTML+CSS特性完成页面布局。
4. 熟练应用CSS3技术，动画、弹性盒模型设计。
5. 熟练完成移动端页面的设计。
6. 熟练运用所学知识仿制任意Web网站。
7. 能综合运用所学知识完成网页设计实战。
知识点：
1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。
3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。
第二阶段：Web后台技术
阶段目标:
1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。
2. 熟练掌握JavaScript的基本数据类型和变量的概念。
3. 熟练掌握JavaScript中的运算符使用。
4. 深入理解分支结构语句和循环语句。
5. 熟练使用数组来完成各种练习。
6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。
7.DOM和BOM实战练习和H5新特性和协议的学习。
知识点：
1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。
2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。
3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。
4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。
第三阶段：数据库和框架实战
阶段目标：
1. 综合运用Web前端技术进行页面布局与美化。
2. 综合运用Web前端开发框架进行Web系统开发。
3. 熟练掌握Mysql、Mongodb数据库的发开。
4. 熟练掌握vue.js、webpack、elementui等前端框技术。
5. 熟练运用Node.js开发后台应用程序。
6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。
知识点：
1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。
2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。
3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。
4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。
第四阶段：移动端和微信实战
阶段目标：
1.熟练掌握React.js框架，熟练使用React.js完成开发。
2.掌握移动端开发原理，理解原生开发和混合开发。
3.熟练使用react-native和Flutter框架完成移动端开发。
4.掌握微信小程序以及了解支付宝小程序的开发。
5.完成大型电商项目开发。
知识点：
1、React面向组件编程、表单数据、组件通信、监听、生命周期、路由、Rex基本概念。练使用react完成项目开发、掌握Rex中的异步解决方案Saga。
2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。
3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。
4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。
这已经是一套非常完备的Java学习路线了，零基础学习Java完全自学的话还是比较吃力的，建议还是找专业的机构系统学一下，可以点 击 头 像 了解一下。
⑺ 用HTML5开发手机网站需要建立哪些开发环境
不需要特别的环境，html5是相对于上一代的html来讲的，有一个编辑器和一个浏览器就行了
html5和css3相类似，但是对上一代的一种进化，html5在开发网站的时候依赖很多，包括前端的css，javascript等很多前端的东西，当然这些只是一些静态得网站，如果你要有后端交互的话，就需要php，python,java等后端知识，这时候也就需要一些开发环境了
⑻ web前端开发环境都有什么
最简单的txt文本编辑器就可以，专业点用dreamweaver,webstorm，vs也行，运行的浏览器也要全了，毕竟要做兼容处理测试，ie,chrome,opera,safari，火狐等都需要
另外可能需要图片处理，用photoshop，Visio都行
⑼ 哪个html适合开发环境
html适合开发环境。
跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑，因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下：
Javascript和Jquery mobile的编辑器
HTML5的各个元素的Inspector
Javascript远程断点debug
移动平台Javascript开发模式
aptana studio. Eclipse插件更新地址：http://download.aptana.com/studio3/plugin/install
Dreamweaver CS6. 官方地址：http://success.adobe.com/en/na/sem/procts/dreamweaver.html
appMobi. 官方地址：http://www.appmobi.com/
1）Javascript和Jquery mobile的编辑器
谈到Javascript的编辑器，市面上有很多，大家都有自己心仪的选择，我这里只是推荐三个我比较喜欢的：
aptana studio的优点在于比较轻量级，与Eclipse集成，并且代码自动完成和JS语法纠错做得非常好，整个风格类似于VI，比较极客一点：
Dreamweaver CS6算是最为强悍的HTML5的开发环境，并且是我所知道的唯一支持Jquery mobile所见即所得的开发工具（官方提供的在线编辑器除外），并且Javascript, CSS和HTML开发起来非常顺手，最大的缺陷就是要收费：
2）HTML5的各个元素的Inspector
如果放在桌面系统上浏览器，这样的工具是很多的，如firefox上的firebug，chrome上的开发者工具，IE上http watch和IE自带调试工具，但如果放在移动平台上，特别是基于phonegap这样内置的webview来开发，这样的工具就不是很普遍了。这里推荐一个phonegap官方所提到过的工具：weinre
weinre通过架一个server，把调试器和device连接起来，原理就多说，2.0之后就没看到Java的版本，因此只能通过NPM来安装，顺便提一下NPM是Nodejs的包管理工具，类似于Maven对于Java一样。安装Nodejs后就安装好了NPM。之后安装weinre非常简单：
npm install weinre -g
如果在windows平台上没加任何配置，weinre会安装在C:Users***AppDataRoaming pm ode_molesweinre，然后启动server:
node path-to-weinre-node/weinre --boundHost -all- --httpPort 8082
这里用-all-是为了在0.0.0.0上打开端口8082，避免非本地无法远程请求这个端口，然后在要调试的页面里加上weinre的代理：
<script src="http://computer-ip:8082/target/target-script-min.js#anonymous"></script>