Mads Kristensen 在TechDays 2012 海牙站上发表了一场很有趣的演讲，演讲内容是关于在Visual Studio 11 和ASP.NET 4.5 中所有的新功能和新选项。

BigPic:541x379

然而，当我们浏览这些新功能列表时，我们获得的印像是，这一次的主要焦点在web 标准和HTML5 上。为了使HTML5、CSS 3 和Javascript 能够在Visual Studio 环境中相当容易的被使用，微软做了很多任务作。 Javascript 和CSS 编辑器都是全新构建的。因此，它们能够处理所有Javascript 和CSS 最新版本提供的新功能。现在，让我们看看Visual Studio 11 为支持构建适应最新web 标准和HTML5 的应用提供了哪些新东西吧。

自动 CSS Hacks

我们都知道HTML5 和CSS3 效果很酷而且简单易行。但是，当创建一个更复杂的web 应用程序时，常用的方法是我们需要针对特定的浏览器做出与之相应的设置(这一过程我们把它叫做CSS Hacks)。而这一步骤可能会花去很多时间并且结果令人沮丧。 Visual Studio 11 通过智能提示以及’*'和’_'hacks 属性验证来支持CSS Hacks。

CSS 的注释和反注释规则

在CSS 编辑器里写代码时，有多少次我们为不能用快捷键CTRL+K,C去注释和用CTRL+K,U去反注释而感到沮丧呢?这些指令为什么我们可以在其他开发环境中使用，却不可能在CSS 编辑器里使用呢?幸运的是，这种情况已经得到改观，而且，从现在开始，我们不仅可以在代码编辑器里使用这些快捷键，在CSS 编辑器里同样可以使用。

CSS 编辑器里的代码段

代码分段是Visual Studio 一个强大的工作机制。唯一的问题是它只能被用在代码编辑器里，CSS 编辑器则不具备这一功能。但在新的VS 的集成开发环境里，这一状况已经被改善。现在，许多需要一些特殊浏览器设置的CSS3 属性都成为准备片段的一部分。

拾色器

新的CSS 编辑器的功能已经被加强，你现在可以通过智能提示来选择一种在你的样式表单里已经存在的颜色，或者干脆是通过拾色器控件来选择其它颜色。此功能在Scott Guthrie 的一篇博客文章里有详细的说明。

Javascript 编辑器

在Visual Studio 使里用Javascript 最大的问题是它运行起来通常比较慢(尤其是当你正在调试的时候)。而新版本的Javascript 编辑器是基于Chakra 引擎的，这将使运行加快。

此外，VS 的Javascript 编辑器还有其它一些额外的改进，以确保它对于开发者来说能力更强大，更具有可用性。通过添加一些在代码编辑器和其它新工具里可用的选项，这一目标已大部分被实现。下面，我罗列出一些最有趣的选项：

“转到定义”选项。你现在在Javascript 的文件里也可以使用这一选项，从而可以更快的从一个函数跳转到另一个函数。

大括号的匹配。你是否经常遇到一些由于括号不完整而造成Javascript 抛出错误的问题?然后，你是不是不得不一个接一个的寻找那个被遗漏的括号呢?在这款新的Javascript 编辑器里，这个问题将不会出现。 “括号匹配”这样一个在代码编辑器里表现出色的功能也将被添加到Javascript 编辑器里。它以这样的方式来运行——当你把指针放在其中一个括号上时，它会自动地高亮显示和它匹配的那一个括号。

隐式引用。现在你可以添加某一个JS 文件到中心文件列表里，而没有必要去把它添加到每一个要使用它的地方。更好的是，当一个Javascript 文件被添加到中心文件列表里时，它会生成一个智能提示以表示这个文件对于其他任何一个Javascript 代码块或文件都是可用的。

支持 ECMAScript5。 ECMAScript5 是最新版本的标准，此标准用以描述Javascript，JScript 和ActionScript 语言。新的Javascript 编辑器支持ECMAScript5 中新的syntax 和APIs 。

革命或只是进化?

读完这篇文章后，你可以得出这样一个结论：VS11包含了对CSS3、HTML5和Javascript 的相当轻微的改善。真正的革命没有发生。可是另一方面，当你把上述所有的变化加起来后，你会发现整个VS 开发环境的可用性有了一个相当大的改善。而这些改善，将更有利于前端开发。

英文原文：HTML5, CSS3 and Javascript improvements in Visual Studio 11

Visual Studio 11 Beta版下载链接：

http://www.microsoft.com/click/services/Redirect2.ashx?CR_CC=200091102

来源：ITeye 作者：nemohq 译

( 作者：HTML5研究小组)

(本文经

仕橙部落同意转载到CTimes科技网)