技术开发 频道

Visual Studio 11增强HTML5和JS的支持

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

  然而,当我们浏览这些新功能列表时,我们获得的印象是,这一次的主要焦点在 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

0
相关文章