Visual Studio 11中針對HTML 5的相關(guān)改進
Mads Kristensen 在 TechDays 2012 海牙站上發(fā)表了一場很有趣的演講，演講內(nèi)容是關(guān)于在 Visual Studio 11 和 ASP.NET 4.5 中所有的新功能和新選項。
然而，當我們?yōu)g覽這些新功能列表時，我們獲得的印象是，這一次的主要焦點在 web 標準和 HTML5 上。為了使 HTML5、CSS 3 和 Javascript 能夠在 Visual Studio 環(huán)境中相當容易的被使用，微軟做了很多工作。Javascript 和 CSS 編輯器都是全新構(gòu)建的。因此，它們能夠處理所有 Javascript 和 CSS ***版本提供的新功能。現(xiàn)在，讓我們看看 Visual Studio 11 為支持構(gòu)建適應*** web 標準和 HTML5 的應用提供了哪些新東西吧。
自動 CSS Hacks
我們都知道 HTML5 和 CSS3 效果很酷而且簡單易行。但是，當創(chuàng)建一個更復雜的 web 應用程序時，常用的方法是我們需要針對特定的瀏覽器做出與之相應的設置(這一過程我們把它叫做 CSS Hacks)。而這一步驟可能會花去很多時間并且結(jié)果令人沮喪。Visual Studio 11 通過智能提示以及‘*’和‘_’hacks 屬性驗證來支持 CSS Hacks。
CSS 的注釋和反注釋規(guī)則
在 CSS 編輯器里寫代碼時，有多少次我們?yōu)椴荒苡每旖萱I CTRL+K,C去注釋和用 CTRL+K,U去反注釋而感到沮喪呢?這些指令為什么我們可以在其他開發(fā)環(huán)境中使用，卻不可能在 CSS 編輯器里使用呢?幸運的是，這種情況已經(jīng)得到改觀，而且，從現(xiàn)在開始，我們不僅可以在代碼編輯器里使用這些快捷鍵，在 CSS 編輯器里同樣可以使用。
CSS 編輯器里的代碼段
代碼分段是 Visual Studio 一個強大的工作機制。唯一的問題是它只能被用在代碼編輯器里，CSS 編輯器則不具備這一功能。但在新的 VS 的集成開發(fā)環(huán)境里，這一狀況已經(jīng)被改善。現(xiàn)在，許多需要一些特殊瀏覽器設置的 CSS3 屬性都成為準備片段的一部分。
拾色器
新的 CSS 編輯器的功能已經(jīng)被加強，你現(xiàn)在可以通過智能提示來選擇一種在你的樣式表里已經(jīng)存在的顏色，或者干脆是通過拾色器控件來選擇其它顏色。此功能在 Scott Guthrie 的一篇博客文章里有詳細的說明。
Javascript 編輯器
在 Visual Studio 使里用 Javascript ***的問題是它運行起來通常比較慢(尤其是當你正在調(diào)試的時候)。而新版本的 Javascript 編輯器是基于 Chakra 引擎的，這將使運行加快。
此外，VS 的 Javascript 編輯器還有其它一些額外的改進，以確保它對于開發(fā)者來說能力更強大，更具有可用性。通過添加一些在代碼編輯器和其它新工具里可用的選項，這一目標已大部分被實現(xiàn)。下面，我羅列出一些最有趣的選項：
◆ “轉(zhuǎn)到定義”選項。你現(xiàn)在在 Javascript 的文件里也可以使用這一選項，從而可以更快的從一個函數(shù)跳轉(zhuǎn)到另一個函數(shù)。
◆ 大括號的匹配。你是否經(jīng)常遇到一些由于括號不完整而造成 Javascript 拋出錯誤的問題?然后，你是不是不得不一個接一個的尋找那個被遺漏的括號呢?在這款新的 Javascript 編輯器里，這個問題將不會出現(xiàn)。“括號匹配”這樣一個在代碼編輯器里表現(xiàn)出色的功能也將被添加到 Javascript 編輯器里。它以這樣的方式來運行——當你把指針放在其中一個括號上時，它會自動地高亮顯示和它匹配的那一個括號。
◆ 隱式引用。現(xiàn)在你可以添加某一個 JS 文件到中心文件列表里，而沒有必要去把它添加到每一個要使用它的地方。更好的是，當一個 Javascript 文件被添加到中心文件列表里時，它會生成一個智能提示以表示這個文件對于其他任何一個 Javascript 代碼塊或文件都是可用的。
◆ 支持 ECMAScript5。 ECMAScript5 是***版本的標準，此標準用以描述 Javascript，JScript 和 ActionScript 語言。新的 Javascript 編輯器支持 ECMAScript5 中新的 syntax 和 APIs 。
革命或只是進化?
讀完這篇文章后，你可以得出這樣一個結(jié)論：VS11包含了對 CSS3、HTML5和 Javascript 的相當輕微的改善。真正的革命沒有發(fā)生。可是另一方面，當你把上述所有的變化加起來后，你會發(fā)現(xiàn)整個 VS 開發(fā)環(huán)境的可用性有了一個相當大的改善。而這些改善，將更有利于前端開發(fā)。
原文：http://www.iteye.com/news/24576
【編輯推薦】
