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科技網)