使用Visual Studio 2012开发HTML5应用

学IT技能上我学院网https://www.360docs.net/doc/2612304695.html,

使用Visual Studio 2012开发HTML5应用Visual Studio 一直以来是开发微软旗下应用的利器，只要是开发微软相关的应用无论是Windows程序，WPF，https://www.360docs.net/doc/2612304695.html,，WinRT Surface，WindowsPhone 等微软旗下的应用都可以使用Visual Studio 来开发。如果您已经非常习惯了Visual Studio 的UI和操作，是不是有时候也想使用Visual Studio 像DreamWeaver 一样来开发纯浏览器的HTML5的应用呢? 后端您可以用https://www.360docs.net/doc/2612304695.html,，也可以使用非微软的技术如: Ruby on Rails 或者Php 等，但是前端浏览器的Html5开发完全可以使用Visual Studio 来开发，如果您已经习惯了Visual Studio，那么开发效率应该比用DreamWeaver还高。

Html5现在发展的怎么样了？

Html5现在发展的怎么样了？好像大家都在讨论Html5，Html5究竟怎么样，它的技术成熟了吗? 看下Html5 的Hype Cycle:

学IT技能上我学院网https://www.360docs.net/doc/2612304695.html,

根据https://www.360docs.net/doc/2612304695.html, 最近一次的预测: 预测 Html5 已经进入了Peak of Inflated Expectations 时期，并且会在未来的5年到10年到达顶峰，会被普及和广泛使用。但是https://www.360docs.net/doc/2612304695.html, 文章说Html5应用会在数月内普及，看来Html5快要成为必备技术了。

使用Visual Studio 的Html5 模版，可以非常方便的创建一个Html5 Website, 只是简单的点几下，一个Html5的Website就建好了。

在Visual Studio 2012里的New Project下搜索关键字html5:

学IT技能上我学院网https://www.360docs.net/doc/2612304695.html,

会出现：Html5Client 和Html5 MVC4 Razor Responsive Web Template 这两个工程模版。这两个工程模版非常棒，可以帮你快速生成Html5 的Website.

Html5Client 工程模版

Html5Client 工程创建好以后，可以看到工程没有引用 .Net的dll，只有必要的页面，JavaScript，和图片，都是前端浏览器需要的东西：

学IT技能上我学院网https://www.360docs.net/doc/2612304695.html,

Scripts 包含了一些常用库，如jQuery, bootstrap, knockout, modernizr, 类似bootstrap，示例的几个页面也把常用的页面元素给列出来了：

学IT技能上我学院网https://www.360docs.net/doc/2612304695.html,

在这个工程基础上，您可以开始裁剪，开始您自己的Html5Client工程了。

Html5 MVC4 Razor Responsive Web Template Html5 MVC4 Razor Responsive Web Template 工程模版不同于Html5Client模版，这个模版加入了.Net的后端示例代码，可以快速搭起一个https://www.360docs.net/doc/2612304695.html, MVC4的响应式Website，其实这个模版是在原有的MVC4 Razor工程模版基础之上，加入了Html5的响应式设计。

学IT技能上我学院网https://www.360docs.net/doc/2612304695.html,

这个模版内置了jQuery mobile 库，同时为页面设计了Phone的View 和Tablet 的View。

学IT技能上我学院网https://www.360docs.net/doc/2612304695.html,

当开发Html5 Website时，使用Visual Studio 的这两个工程模版，搭建项目开始开发工作，应该会为您节约些时间，提高效率吧。