使用Visual Studio 2010开发和调试Html5项目
上周有幸参加微软技术大会(TechED2010),身临其境领略微软这样的国际化公司大家风范,云加端的概念将技术思维提到的一个新的档次,此行收获很大,在第一天谢恩伟提到正在进行的IE9开发大赛让我很是关注,一心好奇外加脑瓜一热开始研究Html5——毕竟这个IE9大赛比的还只是html5开发大赛而已。
关于IE9开发大赛请浏览这里:http://ie9.onlinevoc.cn/contest/Cintro.html
我觉得Visual Studio是现今最好的开发工具之一,尤其是调试功能,使得我们非常容易的完成复杂项目的Debug,当然了还有其他的功能,无论是编程老鸟还是初学者,从易用性和学习性的方面上讲选择Visual Studio比较好,尤其是Express面向学生版本更加贴近初学者。
可是经过一番查找,发现这方面的中文资料并不多,甚至没有明确的如何搭建Html5的开发环境,难道只能使用很笨拙的方法开发Js代码吗?我觉得可能还未到真正的时机,Visual Studio 2010未必支持Html5的开发,不过最终找到了有关信息,简单配置就可以创建和开发html5项目,在这里和大家分享一下。
首先,开发环境直接使用Visual Studio 2008、Visual Studio 2010和Visual Studio Express 2010。
需要安装IE9才能正常的调试,IE9官方主页如下:http://windows.microsoft.com/zh-CN/internet-explorer/products/ie-9/home
其次,需要下载一个HTML 5 Intellisense,下载地址:http://visualstudiogallery.msdn.microsoft.com/en-us/d771cbc8-d60a-40b0-a1d8-f19fc393127d
这是微软Visual Studio的官方网站的一个页面,按照信息,2010年上半年已经发布HTML 5 Intellisense for Visual Studio,可能信息在什么地方慢了半拍,我们没有得到,下载完成之后安装,如果你是内行,到此应知道下面的内容了:)。
现在打开Visual Studio新建一个网站项目:
这里各位自行选择,为了方便说明,我仅仅建立了一个空的Web项目。
现在为功能添加一个.htm,如果你需要其他的页面形式,可以参考这个静态页面的后续流程。
在目标框架的选项栏内,已经拥有了Html5框架。
我们选定之后就可以使用html5的标签,后续的请参考有关Html5标签的说明教程,在这里不做太多的讲解,下面通过一个例子来表述一下Canvas这个标签,和简单的调试演示。
首先放一张图片到目录中(具体看你的需求),然后编写一个简单的Js代码,这段代码在很多的html5教程中有详细说明。
将上面的js加入到页面中,输入Canvas标签,此时你会发现已经有了canvas的标签,先写页面还是先写JS取决于你的习惯,他们之间没有先后关系。为了方便演示,我们加一个按钮在页面方便后面的调试演示。
当我们点击按钮的时候就会执行刚才的js绘制代码,好了,我们点击一下看看效果。
非常好,现在断一下点看看,启动调试,点击按钮就能激活断点了:
是不是非常不错呢:)现在可以使用我们熟悉的环境进行Html5的项目开发,
如果你不能调试的话,可能会一些错误来自IE设置,打开IE设置做一下调整。
随着IE9的来临,Html5将成为开发者的关注焦点,可能至今没有任何一项能引起全体开发者的聚焦,即便是微软也将其作为跨平台的重要战略,还举办了IE9开发大赛,可是现今Html5的开发工具少之又少,使得我们开发者只能驻足徘徊,简单以教程的方式讲述如何在Visual Studio 2010和Visual Studio Express 2010上开发和调试Html5的项目,希望能给各位带来便利。
本文转自nowpaper 51CTO博客,原文链接:http://blog.51cto.com/nowpaper/712172
使用Visual Studio 2010开发和调试Html5项目相关推荐
- 为 Visual Studio 2010 开发扩展插件
之前看到有国外的大神开发了一些非常好玩的 Visual Studio 扩展插件,觉得非常有意思,自己也参考了别人的代码做了一个插件. 首先需要安装 Visual Studio SDK ,安装不需要其它 ...
- Visual Studio 2010开发AutoCAD 2012 .net 应用程序调试时断点不起作用
AutoCAD 2012系列产品很快就要正式发布了,对于.net 开发者来说,VS2010无疑是最好用的工具,所以也有好多人在VS2010和AutoCAD 2012 beta版上做开发测试.你在开发时 ...
- visual studio 2010 开发net 2.0 3.5项目
安装了Visual Studio 2010后,打开,发现只能选择net4.0!我郁闷了--版本这么高,,让别人怎么兼容啊!经过努力查找-- 我发现真相只有一个那就是: 你再把net3.5 sp1 安装 ...
- maya2012结合visual studio 2010开发插件
首先搜索资料发现网上的这几篇文章: Maya插件入门 mayapluginwizard在visual studio 2010中的编译设置 其中在custom location 中路径选择到maya20 ...
- MOSS 2010:Visual Studio 2010开发体验(26)——工作流开发概述
这一篇开始,我将介绍在MOSS 2010中进行工作流开发的最佳实践.这一篇主要介绍有关的几个概念 1.什么是工作流 工作流开发是这几年都比较火的一个领域.工作流,顾名思义就是工作的流程,而软件系统所要 ...
- MOSS 2010:Visual Studio 2010开发体验(19)——ECMAScript Object Model
这篇文章部分材料摘自下面这个地址,我做了翻译,并且按照我的案例场景做了补充 http://www.codeproject.com/Articles/60348/SharePoint-2010-Clie ...
- MOSS 2010:Visual Studio 2010开发体验(14)——列表开发之事件接收器
通过前面几篇,我们已经完成了内容类型,列表定义,列表实例的开发.本篇继续讲解列表中的一个重要环节--事件接收器开发. 我们的场景是:我希望之前做好的订单列表这个内容类型自动地具有某些事件特征,例如当用 ...
- MOSS 2010:Visual Studio 2010开发体验(15)——LINQ to SharePoint
这一篇我们来讨论的是,如何通过LINQ的技术实现对SharePoint 2010列表的读取.我还记得当年.NET Framework 3.5发布,第一次接触到Linq的时候那种不可思议的感觉.现在,S ...
- MOSS 2010:Visual Studio 2010开发体验(16)——客户端对象模型
转载自:http://www.cnblogs.com/chenxizhang/archive/2010/04/26/1721653.html 上一篇,我们讲到了LINQ to SharePoint.它 ...
最新文章
- Python中纠结处之其一—— 静态方法、类方法
- BJUI选择时间后点击导出提示未选择时间
- [云炬商业计划书阅读分享]洗车店创业计划书
- Netgear wndr3700v2 路由器刷OpenWrt打造全能服务器(五)SVN服务
- 王道考研 计算机网络6 OSI参考模型和各层作用
- 微信小程序console.log出来的是object的问题解决方法
- where条件中等值连接使用双竖杠影响SQL性能
- mac读写ntfs工具
- jquery上传图片_MVC 上传图片,裁剪头像
- C++STL源码剖析之vector
- css滑动门技术的应用,CSS滑动门技术
- 一周信创舆情观察(12.7~12.13)
- Python 寻找完美数
- 计算机多媒体课件制作,多媒体课件制作软件
- 计算不可压缩流体 -- 数学基础
- 弃用 Notepad++,这款开源替代品更牛逼!
- Nouveau源码分析(三):NVIDIA设备初始化之nouveau_drm_probe
- 常微分方程的差分方法C语言,常微分方程差分方法.ppt
- 汽车汽配行业供应链协同管理平台一体化管理,SCM供应链提升企业竞争力
- 使用DLL引起的error LNK2019: 无法解析的外部符号
热门文章
- 3D打印神经电极有助于将大脑连接到电脑
- DIY混合BCI刺激系统:SSVEP-P300 LED刺激
- JAVA实现链表中倒数第K个节点问题(《剑指offer》)
- 禁毒学、油画、乌尔都语……字节跳动程序员的专业有多奇特丨技术同学大数据报告...
- 苹果M1用着舒服的原因找到了,英特尔:学到了,下次我也用
- 成为“首席AI架构师”的全流程方法论
- 加拿大高等研究院宣布新的科研计划,Bengio、LeCun 任 AI 项目负责人...
- JavaScript之各种继承方式和优缺点
- web人力资源信息系统开发日志②
- 查看Oracle中存储过程长时间被卡住的原因