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 应用相关推荐

  1. Visual Studio Code开发HTML5安装插件快捷使用Bootstrap样式

    Visual Studio Code开发HTML5安装插件快捷使用Bootstrap样式 一.引入bootstrap.css 下载bootstrap,地址:Bootstrap中文网 点击Bootstr ...

  2. 在Visual Studio 2012中使用VMSDK开发领域特定语言(一)

    前言 本专题主要介绍在Visual Studio 2012中使用Visualization & Modeling SDK进行领域特定语言(DSL)的开发,包括两个部分的内容.在第一部分中,将对 ...

  3. 在Visual Studio 2012中使用VMSDK开发领域特定语言(二)

    本文为<在Visual Studio 2012中使用VMSDK开发领域特定语言>专题文章的第二部分,在这部分内容中,将以实际应用为例,介绍开发DSL的主要步骤,包括设计.定制.调试.发布以 ...

  4. excel 2013 如何使用visual studio 2012 创建一个excel 2013的外接程序addin

    office中的excel是我们很常用的办公软件,通过它,能够对很多复杂的数据进行统计汇总,但是有时候,excel所提供的功能,也就是excel上面的很多功能按钮ribbon,不一定能够满足我们一些特 ...

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

    原文网址:http://blog.csdn.net/chengyafei0104/article/details/9826025 现在大家计算机大概都脱离XP了,so,之前蛮多可以用的编译器,可能放在 ...

  6. Visual Studio 2012 C# ActiveX控件开发总结

    目  录 一.ActiveX控件的开发 二.ActiveX控件的部署 三.测试 四.ActiveX控件打包(.cab)与客户端自动安装 ActiveX 控件以前也叫做OLE 控件或OCX 控件,它是一 ...

  7. Visual Studio 2012 示例代码浏览器 - 数以千计的开发示例近在手边,唾手可得

    为什么80%的码农都做不了架构师?>>>    示例代码对于开发人员的重要性是不言而喻的.很多程序员往往通过示例代码着手学习一门技术.当开发人员遇到编码困难时也往往希望得到示例代码来 ...

  8. Visual Studio 11增强HTML5和JS的支持

    Visual Studio 11增强HTML5和JS的支持 Mads Kristensen 在 TechDays 2012 海牙站上发表了一场很有趣的演讲,演讲内容是关于在 Visual Studio ...

  9. [New Portal]Windows Azure Cloud Service (33) 使用Visual Studio 2012 部署Cloud Service

    <Windows Azure Platform 系列文章目录> 笔者已经将工作用的笔记本电脑升级到Windows 8很长一段时间了,开发工具也从Visual Studio 2010升级到了 ...

  10. 微软Visual Studio 2012软件功能介绍

    对于从事.net程序开发的我们,都要用到C#依附的Visual Studio平台!Visual Studio是目前最流行的Windows平台应用程序开发环境.最新版本为 Visual Studio 2 ...

最新文章

  1. JQuery 选择器处理特殊字符
  2. 在新加坡做面试官的经历 (Interviewer Experience for UI/UX Designer in Singapore)
  3. Python数据类型——整型、布尔型、列表、元祖、字典
  4. MySQL关闭查询缓存(QC)的两种方法
  5. Spring的依赖注入陷阱
  6. Ph.D Grind 阅读感想 By 张雄
  7. TCP和UDP,HTTP和HTTPS
  8. 创业须要恪守“一个常识“
  9. 《Python游戏趣味编程》第12章 坚持一百秒
  10. 什么是“5个9”(99.999%)的可靠性?
  11. Django应用部署 - 上线指南
  12. 收藏版: 深度介绍分布式系统原理
  13. oracle 字段和当前时间比较,请教如何按照当前时间与数据库表中的字段时间比较提取记录,涉及跨天...
  14. 【实用技巧】PDF文件去密码和去水印(文件转换网站等推荐)
  15. sql server Developer Edition版本的下载安装
  16. 苹果手机上怎么打开html,苹果手机信息怎么打开浏览器
  17. 为什么测网速时不显示服务器,为什么每个网站的网速测试结果不一样
  18. 各项数字技术的发展历程
  19. 苦涩的 高考完了,有没有给自己一个目标
  20. VirtualBox中安装Fedora9及其ARM开发环境配置

热门文章

  1. hbase倒序查询_hbase过滤器汇总【查询汇总】
  2. windows配置caffe及matlab/python接口编译和调用(cpu/gpu)
  3. 1124Js基础语法
  4. 值类型、引用类型 再次理解
  5. h3c,nat网络地址转换
  6. HCIE Security 华为WAF产品 备考笔记(幕布)
  7. RIPng原理与实验
  8. KVM详解(一)——KVM基础知识
  9. LNMP详解(十二)——Nginx URL重写实战
  10. IPv6下VRRP配置原理及实例