使用Visual Studio 2012 开发 Html5 应用

 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 的这两个工程模版,搭建项目开始开发工作,应该会为您节约些时间,提高效率吧。

使用Visual Studio 2012 开发 Html5 应用

时间: 2024-08-05 19:09:08

使用Visual Studio 2012 开发 Html5 应用的相关文章

BEGINNING SHAREPOINT® 2013 DEVELOPMENT 第3章节--SharePoint 2013 开发人员工具 使用Visual Studio 2012开发SharePoint

BEGINNING SHAREPOINT? 2013 DEVELOPMENT 第3章节--SharePoint 2013 开发人员工具 使用Visual Studio 2012开发SharePoint应用程序 VS2012带有标准系列的工程级和项目级模板,使得SP开发更加简单更加强大.使用SP2010你可以应用VS2010做大量开发,使用VS2012,现在你可以有很多新的功能和选择. 微软带了标准系列的工程级模板,开箱即用,附带额外系列的工程项目模板来帮助你进行开发.例如,你可以创建SP2013

Visual Studio 2012+jQuery-1.7.1

今天用Visual Studio 2012开发一个网站项目,在集成jqplot图表控件并进行调试的时候(使用的是MVC4框架),加载网页绘制图表的时候总是报错(提示$.jqplot.barRender未定义). 查看了好久jqplot控件未发现编码方面的错误,最后发现在网页load网之后$.中没有jqplot这个扩展项.我就怀疑是不是在什么地方覆盖了我之前扩展的jQuery代码.把网页中的html代码拷贝出来,发现在网页的结尾处,被Vistual Studio 2012自动的重新引入了jQuer

Visual Studio 2012下Box2D开发环境设置

Cocos2d-x 3.x默认情况下采用的物理引擎是Chipmunk,如果我们要使用Box2D引擎,需要进行一些设置和调整,而且不同的开发平台下这些设置也有所不同.由于本书在此之前介绍的都是基于微软的Visual Studio 2012下开发的Win32平台,所以这一节我们介绍Visual Studio 2012下Box2D开发环境设置.这些需要设置和调整的方面包括如下:在解决方案中添加libBox2D库工程.添加libBox2D库引用.开启Box2D预编译开关. 1.在解决方案中添加libBo

Xamarin开发Android时Visual Studio 2012没有智能提示解决办法

Most of the people who work with Xamarin’s Mono for Android in Visual Studio 2012 face a bug where Intellisense doesn’t work for AXML in source view. One of the fix which worked for me is mentioned below. Launch Visual Studio 2012 Open a solution wit

用Visual Studio 2012+Xamarin搭建C#开发Andriod的环境

原文:用Visual Studio 2012+Xamarin搭建C#开发Andriod的环境 第一步:安装Visual Studio: Visual Studio 2012(或者Visual Studio 2010),原因是目前为止Xamarin for Visual Studio的插件只支持2010和2012版本的,安装过程在此不再赘述. 第二步:安装Xamarin: 1.到http://xamarin.com/download这里去注册一个账号,就可以下载Xamarin的安装包.如下图: 这

【转】visual studio 2012进行C语言开发[图文]

原文网址:http://blog.csdn.net/chengyafei0104/article/details/9826025 现在大家计算机大概都脱离XP了,so,之前蛮多可以用的编译器,可能放在我们现在的Win7,win8下面会出现一些比如不兼容了之类的问题.其实,用微软强大的IDE-visual studio系列,也是可以进行C语言的开发的. 因为本人的本本目前是win8版本的系统,也安装了较为新版的visual studio 2012(下面简称VS2012),所以就从vs2012着手,

在Visual Studio中开发Matlab mex文件,生成mexw64/mexw32

csunking贡献,2015-9-22 1712 1.   概述 通过使用C/C++与Matlab混合编程,既可以享受到C代码快速执行的速度,又可以方便的使用Matlab众多的库函数和强大的绘图功能.让Matlab调用C函数是通过DLL文件实现的,而这个DLL的开发过程不仅仅可以使用Matlab自带的mex命令,还可以使用VC++开发环境,使用VC有很多好处,一是让我回到了原来熟悉的开发环境中,二能够使用更加标准的C++编译器,第三点也是最爽的,可以使用VC强大的调试功能. 此次文档更新时使用

How Visual Studio 2012 Avoids Prompts for Source

[原文地址]:http://blogs.msdn.com/b/heaths/archive/2012/07/26/how-visual-studio-2012-avoids-prompts-for-source.aspx [译文]: 要求安装,维修,甚至卸载源包等操作对于客户可以说是屡见不鲜.Windows安装程序的核心问题是需要资源和其安装位置,找不到它们就会安装失败或者图恢复机器的最初状态.(根据包装和任何补丁而定). WiX社区讨论的很火,-- thechainer that is par

Visual Studio跨平台开发(1):Hello Xamarin!

前言 应用程序发展的脚步, 从来没有停过. 从早期的Windows 应用程序, 到网络时代的web 应用程序, 再到近几年相当盛行的行动装置应用程序(Mobile Application), 身为C#的开发人员与Visual Studio的使用者. Windows Phone与Windows Store App的开发是否已满足不了你了呢? 如果能夠让你使用C#及Visual Studio 来开发iOS及Android的app. 是否能再度唤醒你的开发魂? Xamain 正是为了这样的需求而诞生的