Visual Studio 11增強HTML5和JS的支持

Visual Studio 11增強HTML5和JS的支持

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