使用vs2012 開(kāi)發(fā)html5應(yīng)用 visual studio 2012開(kāi)發(fā)Html5應(yīng)用

使用Visual Studio 的Html5 模版，可以非常方便的創(chuàng)建一個(gè)Html5 Website，這里給大家?guī)��?lái)的是使用vs2012 開(kāi)發(fā)html5應(yīng)用visual studio 2012開(kāi)發(fā)Html5應(yīng)用，一起來(lái)看看吧。

visual studio 2012開(kāi)發(fā)Html5應(yīng)用

Visual Studio 一直以來(lái)是開(kāi)發(fā)微軟旗下應(yīng)用的利器，只要是開(kāi)發(fā)微軟相關(guān)的應(yīng)用無(wú)論是Windows程序，WPF，Asp.Net，WinRT Surface，WindowsPhone 等微軟旗下的應(yīng)用都可以使用Visual Studio 來(lái)開(kāi)發(fā)。如果您已經(jīng)非常習(xí)慣了Visual Studio 的UI和操作，是不是有時(shí)候也想使用Visual Studio 像DreamWeaver 一樣來(lái)開(kāi)發(fā)純瀏覽器的Html5的應(yīng)用呢? 后端您可以用Asp.Net，也可以使用非微軟的技術(shù)如: Ruby on Rails 或者Php 等，但是前端瀏覽器的Html5開(kāi)發(fā)完全可以使用Visual Studio 來(lái)開(kāi)發(fā)，如果您已經(jīng)習(xí)慣了Visual Studio，那么開(kāi)發(fā)效率應(yīng)該比用DreamWeaver還高。

Html5現(xiàn)在發(fā)展的怎么樣了？

Html5現(xiàn)在發(fā)展的怎么樣了？好像大家都在討論Html5，Html5究竟怎么樣，它的技術(shù)成熟了嗎? 看下Html5 的Hype Cycle:

根據(jù)Gartner.com 最近一次的預(yù)測(cè): http://www.gartner.com/newsroom/id/2124315 Html5 已經(jīng)進(jìn)入了 Peak of Inflated Expectations 時(shí)期，并且會(huì)在未來(lái)的5年到10年到達(dá)頂峰，會(huì)被普及和廣泛使用。但是 readwrite.comhttp://readwrite.com/2012/08/21/html5-ready-for-prime-time-dont-believe-the-hype-cycle#awesm=~o9aJlLEaErFB2K 說(shuō)Html5應(yīng)用會(huì)在數(shù)月內(nèi)普及，看來(lái)Html5快要成為必備技術(shù)了。

使用Visual Studio 的Html5 模版，可以非常方便的創(chuàng)建一個(gè)Html5 Website, 只是簡(jiǎn)單的點(diǎn)幾下，一個(gè)Html5的Website就建好了。

在Visual Studio 2012里的New Project下搜索關(guān)鍵字html5:

會(huì)出現(xiàn)：Html5Client 和Html5 MVC4 Razor Responsive Web Template 這兩個(gè)工程模版。這兩個(gè)工程模版非常棒，可以幫你快速生成Html5 的 Website.

Html5Client 工程模版

Html5Client 工程創(chuàng)建好以后，可以看到工程沒(méi)有引用 .Net的dll，只有必要的頁(yè)面，JavaScript，和圖片，都是前端瀏覽器需要的東西：

Scripts 包含了一些常用庫(kù)，如jQuery, bootstrap, knockout, modernizr, … 類似bootstrap，示例的幾個(gè)頁(yè)面也把常用的頁(yè)面元素給列出來(lái)了：

在這個(gè)工程基礎(chǔ)上，您可以開(kāi)始裁剪，開(kāi)始您自己的Html5Client工程了。

Html5 MVC4 Razor Responsive Web Template

Html5 MVC4 Razor Responsive Web Template 工程模版不同于Html5Client模版，這個(gè)模版加入了.Net的后端示例代碼，可以快速搭起一個(gè)Asp.Net MVC4的響應(yīng)式Website，其實(shí)這個(gè)模版是在原有的 MVC4 Razor工程模版基礎(chǔ)之上，加入了Html5的響應(yīng)式設(shè)計(jì)。

這個(gè)模版內(nèi)置了jQuery mobile 庫(kù)，同時(shí)為頁(yè)面設(shè)計(jì)了Phone的View 和 Tablet 的View.

當(dāng)開(kāi)發(fā)Html5 Website時(shí)，使用Visual Studio 的這兩個(gè)工程模版，搭建項(xiàng)目開(kāi)始開(kāi)發(fā)工作，應(yīng)該會(huì)為您節(jié)約些時(shí)間，提高效率吧。