html5常用的开发工具是哪些？

第一、Google Web Toolkit是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多HTML5的功能，包括对客户端，或者是web存储的支持，都可以实现。

第二、还有一种是JetBrains WebStorm工具，需要创建HTML文档时可获得对HTML5文件的支持，现在的运用很多，比如砍伐者键入，使用者可以在chrome浏览器中及时的预览HTML的文档很方便。

第三、微软的Visual Studio 2010 SP1中提供了IntelliSense这个项目，也就是说追加了针对HTML5的一些元素，总体使用起来还是比较好的，但是我们要结合ddhu的一些实用工具。

第四、Dojo Foundation Maqetta是一个不错的选择，这款是工具是来自于IBM项目之一，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，浏览器即可使用。

第五、当然还有Sencha Touch2是移动应用框架的一种，可以当做一个重要Sencha的HTML5平台，使用者可以用它开发面向iOS进行制作和使用，也可以Android和Blackberry、Kindle Fire使用。

第六、现在我们继续介绍Sencha，这款工具的主要定位是HTML5的可视化开发研究，一般来说开发团队可以在一个任务，然后做一个集成的环境，然后在这个环境中完成应用的设计和开发，以及需要的部署。

第七、我们来介绍一下Adobe ColdFusion ，这款工具主要是用来开发企业Web程序的一个技术，通过Websockets和互动表单以及视频等来做出HTML5技术，创建一种用户体验。

第八、最后Adobe Dreamweaver CS6作为一个Web端口的一种设计软件，这款工具提供了对HTML网站和移动程序的可视化编辑界面，整体来说使用也是比较的方便。

前端的编辑器很多，这个也没什么特殊的标准，哪个一定好，哪个一定不好，只要能高效、保质保量的完成工作就行，下面我介绍几款常用的前端代码编辑器，感兴趣的可以下载尝试一下：

1VSCode：这个是微软开发的一个免费、开源、跨平台的代码编辑器，支持几十种编程语言，包括Html，CSS，JS等，小巧灵活、运行效率高，支持常见的代码高亮、语法提示、智能补全、错误检查、Git等功能，而且插件扩展丰富，配置后，可直接调试运行Java，C++等程序，是一个很不错的代码编辑器，也很适合前端开发：

2SublimeText：这也是一个免费、跨平台、小巧的代码编辑器，支持的编程语言与VSCode差不多，轻便、灵活、运行效率较高，支持常见的代码高亮、语法检查、自动补全等功能，安装相关插件后，也可以完成代码的调试和运行，对于前端开发来说，也是一个很不错的代码编辑器：

3Atom：这个是GitHub专门为广大程序员开发的一个代码编辑器，免费、开源、跨平台，支持常见的Html，CSS，JS，Java，C++等编程语言开发，代码高亮、自动补全、语法提示、轻便灵活，是一个非常不错的代码编辑器：

4Notepad++：这个大部分人都应该听说过，其实就是记事本的增强版，支持多达27种编程语言，包括前端的Html，CSS，Javascript等，自动补全、语法提示等功能也不错，小巧灵活，使用方便，是一个很不错的前端代码编辑器：

5Hbuilder：这个是国产的一个前端开发的IDE，专门用于web开发，界面柔绿、清爽护眼，支持常见的自动补全、语法提示等功能，还支持Markdown功能，可以将开发的前端网页云端打包成安卓或iOS手机应用，是一个非常不错的前端编辑器：

6WebStorm：这是一个重量级的Web开发IDE，由Jetbrains公司研发，Web开发的神器，常见的代码高亮、智能补全、语法提示、Git等功能，这个软件都支持，除此之外，还支持单元测试、代码重构、代码分析等功能，在大型项目开发中，经常会用到，是一个很不错的前端IDE：

目前，就分享这6个前端开发的代码编辑器吧，像其他的软件，Editplus，IDEA，DW，Eclipse等也都可以，选择适合自己的一个就行，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

我从前端的视角，为大家分析下微信小程序和HTML5之间的主要区别

第一条是运行环境的不同。

传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，大家注意，我这里写的是“非完整的浏览器”，有以下几个原因

小程序的开发过程中会用到HTML5相关的技术(并非全部)

小程序最后的发布上线需要微信审核，微信在不更新自身软件的情况下可以将小程序更新到自身软件内，这就联想到了ReactNative框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWebkit库

官方文档中着重强调了脚本内是无法使用浏览器中常用的window对象和document对象（基于这一点，像zepto/jquery这种 *** 作dom的库就被完全抛弃了）

所以我个人认为，小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，提升了小程序的性能。

不过由于微信给开发者提供了开发工具，而开发工具中也内置了编程、调试、开发环境、发布于一身，我们也不用再探讨它的最终运行环境了，只要按照官方文档进行开发就可以了。并且从微信团队给开发者提供开发工具这一举动，让我联想到了苹果给开发者提供的X-CODE开发工具，可以想象微信的“野心”可见一斑

第二条是开发成本的不同。

这里我提出了一个问题，当我们面对一个HTML5web开发需求时，我们需要考虑什么呢？抛去开发工具（vscode、sublimtext、Atom等）不谈，大到前端框架（Angular、react、vue、backbone等）、模块管理工具（Webpack、Browserify等）、任务管理工具（Grunt、Gulp等），小到UI库选择、接口调用工具（ajax、FetchApi等）、浏览器兼容性等都要我们一一考略，再不济用jqery插件写H5，也要在开发过程中去寻找合适的jquery插件来配合项目。尽管这些工具可定制化非常高，并且提高了开发者的开发效率，但我相信项目开发的配置工作已经消耗了不少精力，尽管大部分开发者都有自己的配置模板，但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。

而当我们面对一个微信小程序的开发需求时，我们需要考虑什么呢？微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的；WXSS、JSON和JS文件中的写法稍有限制，但整体相差不多。在统一了这些标准之后，作为一个开发者，你会发现，自己只要专注写程序就可以了：

当需要调用后端接口时，调用发起请求API

当需要上传下载时，调用上传下载API

当需要数据缓存时，调用本地存储API

引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用

UI库方面，框架自然带有自家weui库加成

并且在使用这些API时，你不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙BUG，可见微信小程序的开发成本确实相比以往的web开发低很多。

第三条是获取系统级权限的不同。

微信小程序相对于HTML5web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接，也就是官方宣称的拥有NativeApp的流畅性能，而这一点恰巧是HTML5web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

第四条便是应用在生产环境的运行流畅度。

这条无论对于用户还是开发者来说，都是最直观的感受。长久以来，当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立，尽管同样用htmlcssjs去开发，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。

1、首先打开Atom编辑器导入项目文件夹，先创建一个indexhtml的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容， 设置一下样式，直接在body后面加上background="名字"即可插入：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

1、Initializr

Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。

2、HTML5 visual cheat sheet

HTML5 visual cheat sheet是一个非常酷的速查手册，每个Web开发人员的必备神器，可以帮助大家快速超找一个标签或者属性。

3、Cross browser HTML5 forms HTML5中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。Cross browser HTML5 forms还可以帮助你构建完美的HTML5表单兼容方案。

4、HTML5demos

HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持，比如说你的浏览器是否支持HTML5 Canvas？Safari是否可以运行简单的HTML5聊天客户端等问题。

5、DreamWeaver

网页制作软件，该软件已成为专业级网页制作程序，支持HTML，CSS，PHP，JSP和ASP等多种脚本语言着色显示，同时提供模板应用功能，支持一键式生成网页框架功能。它是初学者或专业级网站开发人员必备的选择工具。

1插拔内存条 ，硬盘自检
2更新atom到最新版 系统64位用64位的程序
3更新c++运行库
4如果没有效果建议 将电脑做双系统或者虚拟机 在新系统下安装软件并运行
5尝试卸载妨碍运行的应用程序与更新

---