文档章节

使用Visual Studio 2012 开发 Html5 应用

葡萄城技术团队
 葡萄城技术团队
发布于 2014/06/11 12:17
字数 677
阅读 37
收藏 0
点赞 0
评论 0

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:

clip_image001

根据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:

clip_image003

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

Html5Client 工程模版

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

clip_image004

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

clip_image006

clip_image008

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

Html5 MVC4 Razor Responsive Web Template

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

clip_image009

clip_image010

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

clip_image011

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

© 著作权归作者所有

共有 人打赏支持
葡萄城技术团队

葡萄城技术团队

粉丝 320
博文 494
码字总数 706491
作品 13
西安
高级程序员
Visual Studio 11开发指南(3)Visual Studio 11开发SharePoint 2011程序

Visual Studio 11 Developer Preview版本在几个月之前就发布了出来,通过这个预览版,SharePoint开发人员可以了解Visual Studio 11中内置的有关SharePoint开发的新功能。Visual Studio 11内置...

junwong
2012/03/09
0
0
win10 uwp 如何开始写 uwp 程序

本文告诉大家如何创建一个 UWP 程序。 这是一系列的 uwp 入门博客,所以写的很简单 本文来告诉大家如何创建一个简单的程序 安装 VisualStudio 在开始写 UWP 需要安装 VisualStudio ,安装需要...

lindexi_gd
05/19
0
0
Visual Studio 2010 Ultimate 正式版已经可以下载,大家快开始下载啊

北京时间2010年4月12日12:00,微软Visual Studio 2010 正式版提供官方下载,目前有三个版本,Professional/Premium/Ultimate。 Visual Studio 2010 Ultimate http://www.microsoft.com/vis...

junwong
2012/03/09
0
0
LLVM/Clang On Windows 2013_09

好吧,很久没有写博客了,最近LLVM/Clang的主干版本取得了很大的进步,便在这里汇报下分析心得。 我非常建议研究LLVM/Clang的朋友在自己电脑上安装TortoiseSVN 并且将LLVM的源代码Clone下来,...

Force武装卫队
2013/10/01
0
16
Windows8开发指南(3)Windows8开发工具

Windows 8基于Windows7,同时微软对其进行了性能、安全、隐私、系统可靠性等方面的改进。在硬件需求方面,Windows8与Windows7完全一样。之前也提到,除了x86和x64架构,Windows 8增加了ARM片...

junwong
2012/03/09
0
0
添加PowerCommands到VisualStudio2012中失败

PowerCommands是VisualStudio的一个插件,可以方便编辑工作,其功能详解介绍地址: http://visualstudiogallery.msdn.microsoft.com/e5f41ad9-4edc-4912-bca3-91147db95b99/ 但是PowerComman......

jiyayun
2012/10/25
0
0
《Qt 5.9 C++开发指南》第1章 认识Qt

第1章 认识Qt 1.1 Qt简介 简要介绍了Qt的发展历史和特点。Qt是一套跨平台的应用程序开发类库,支持Windows,Linux,macOS等桌面平台,还支持移动和嵌入式操作系统,如iOS,Embedded Linux,...

hongandyi
05/11
0
0
VisualStudio使用GIT

使用GIT进行源码管理 —— 在VisualStudio中使用GIT GIT作为源码管理的方式现在是越来越流行了,在VisualStudio 2012中,就通过插件的现实对GIT进行了官方支持,并且这个插件在VS2013中已经转...

随智阔
2013/11/27
0
0
使用UnityVS为unity+Visual Studio调试代码

教程测试说明: 软件版本:Unity 4.5,Visual Studio 2012 测试时间:2014.8.5 Unity交流QQ群号312315390 最近刚从群里看到信息UnityVS插件团队公司已经被微软收购,经过微软对UnityVS插件整...

chenyy1203
06/28
0
0
DEV CPP中使用Clang

在Dev Cpp中前端使用Clang 后端使用GCC,但可能是版本的问题,Clang 3.7的同GCC4.8的stdio库不兼容,后使用visual studio 的nmake来使用,但是nmake 不认识makefile 中的指令如 ${RM} ,没办法...

idoz
2015/05/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

大数据基础知识,大数据学习,涉及的知识点

一、什么是大数据 一种规模大到在获取、存储、管理、分析方面大大超出了传统数据库软件工具能力范围的数据集合,具有海量的数据规模、快速的数据流 转、多样的数据类型和价值密度低四大特征。...

董黎明
17分钟前
0
0
Linux CentOS 7上安装极点五笔

话说几天前在新买的惠普笔记本上成功地安装了Linux CentOS 7操作系统、Nvidia Quandro P600驱动程序及X Window,并在VMware下安装Red Hat教学环境,彻底跳出Windows的苦海,但仍然有一件事不...

大别阿郎
29分钟前
3
0
2018年7月20日集群课程

一、集群介绍 集群,简单地说是指一组(若干个)相互独立的计算机,利用高速通信网络组成一个较大的计算机服务系统,每个集群节点(即集群中的每台计算机)都是运行各自服务的独立服务器。 ...

人在艹木中
32分钟前
0
0
spark开发机中调试snappy

目的 在Idea中的点击运行,使spark可以直接读取snappy 自己编译hadoop,以支持snappy的压缩。 自己编译的目的就是要得到支持snappy文件读写的动态链接库。如果可以在网上下载,可以跳过自行编...

benny周
49分钟前
0
0
centos7 安装docker

1,查看系统版本 cat /etc/redhat-release 2,安装gcc yum -y install gccyum -y install gcc-c++ 3,卸载旧版本 yum remove docker \ docker-client \ ......

暗中观察
50分钟前
0
0
rabbitmq学习记录(七)交换机Exchange-topic

实现功能:一条消息发送给多个消费者 交换机模式:topic 相比于direct匹配模式,匹配routingKey时,topic模式下不仅支持完全匹配,还支持两种特殊的匹配方式 #:可以匹配一个或多个字符 *:可...

人觉非常君
50分钟前
0
0
[译]为什么(要使用)GNU Affero GPL?

#为什么(要使用)GNU Affero GPL? 作者信息:Copyright © 2010, 2013, 2014, 2015 Free Software Foundation, Inc. This page is licensed under a Creative Commons Attribution-NoDeriv......

ICE冰焰火灵X
51分钟前
0
0
apollox-lua 示例

这个项目是从openn2o里迁出的项目。 示例地址 apollox-lua.js 是把js翻译成lua的库。支持两种不同的模态, 在编译工程的时候使用 可以用作openresty的代码翻译, 即用js代替lua。在web模式可...

钟元OSS
今天
0
0
Ubuntu系统笔记 Linux系统

Ubuntu 16.04.3 Ubuntu系统,不适用yum, yum软件源都是RPM软件包,不是deb格式软件包,所以你即便是在Ubuntu上面安装了yum,也是完全用不了的。 不推荐 apt好于yum apt install screen...

阿锋zxf
今天
0
0
Java面试中,遇到这类面试题最吃亏!

从你接触 Java开发到现在,你对 Java最直观的印象是什么呢?是它宣传的 “Compile once, run anywhere”,还是目前看已经有些过于形式主义的语法呢?你对于 Java平台到底了解到什么程度?请你...

Java大蜗牛
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部