使用Visual Studio 2012 开发 Html5 应用

简介: Visual Studio 一直以来是开发微软旗下应用的利器,只要是开发微软相关的应用无论是Windows程序,WPF,Asp.Net,WinRT Surface,WindowsPhone 等微软旗下的应用都可以使用Visual Studio 来开发。

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

Html5现在发展的怎么样了?

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

根据Gartner.com 最近一次的预测: http://www.gartner.com/newsroom/id/2124315 Html5 已经进入了 Peak of Inflated Expectations 时期,并且会在未来的5年到10年到达顶峰,会被普及和广泛使用。但是 readwrite.com http://readwrite.com/2012/08/21/html5-ready-for-prime-time-dont-believe-the-hype-cycle#awesm=~o9aJlLEaErFB2K 说Html5应用会在数月内普及,看来Html5快要成为必备技术了。

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

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

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

Html5Client 工程模版

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

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

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

Html5 MVC4 Razor Responsive Web Template

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

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

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

相关文章
|
Web App开发 移动开发 HTML5
一起谈.NET技术,让你的Visual Studio 2010 支持HTML5 和 CSS3
  现在的热门话题之一是HTML5 和 CSS3。好的, 它们都很时髦,它们也必然会影响网络开发的未来。 让我们尝尝鲜,花点时间安装设置一下,尽快让Visual Studio2010支持HTML5 和 CSS3 吧。
873 0
|
Web App开发 移动开发 HTML5
Visual Studio 2010 SP1将支持HTML5和CSS3
在Visual Studio 2010 SP1,微软将为开发人员提供更方便的途径在ASP.NET的基础上利用新技术开发应用程序,包括HTML5和CSS3。随着IE9正式版的逐渐临近,微软想要告诉开发人员,是时候利用HTML5和CSS3带来更加完整的Web体验了。
923 0
|
Web App开发 移动开发 HTML5
让你的Visual Studio 2010 支“.NET研究”持HTML5 和 CSS3
  现在的热门话题之一是HTML5 和 CSS3。好的, 它们都很时髦,它们也必然会影响网络开发的未来。 让我们尝尝鲜,花点时间安装设置一下,尽快让Visual Studio2010支持HTML5 和 CSS3 吧。
1062 0
|
Web App开发 移动开发 JavaScript
|
Web App开发 JavaScript 测试技术
《Windows 8 开发权威指南:HTML5 和JavaScript卷》——1.4 Visual Studio 2012新特性
测试步骤可以包含多行整合您的测试用例中的单个测试步骤中相关的操作。 Microsoft 测试管理器现在也有一个工具栏,可以使用这个工具栏设置测试步骤的文本格式。你可以使用不同的格式设置选项,如粗体、下划线或颜色突出显示,以强调要点。
1630 0
|
移动开发 JavaScript 前端开发
《Windows 8 开发权威指南:HTML5 和JavaScript卷》——1.2 如何安装Visual Studio 2012
Visual Studio 2012有四种版本:Ultimate、Preminum、Professional、Test Professional。这里我们以Ultimate版本在Windows 8操作系统上的安装过程为例进行说明。
1620 0
|
移动开发 JavaScript 前端开发
《Windows 8 开发权威指南:HTML5 和JavaScript卷》——第1章 Visual Studio 2012的新特性 1.1 如何安装Windows 8
如果可能,请在开始安装Windows 8之前备份文件,即使要安装Windows 8的硬盘分区与您的个人文件所在分区不是在同一个分区,也应如此。例如,如果您已加密文件,可能在重新安装Windows后无法访问它们。自定义安装会替换当前版本的Windows和所有个人文件。
1710 0
|
9天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
19 0