微軟下一代開發利器 - Orcas 搶先看 点击进入：Visual Studio 2008下载地址

 

微軟下一代開發利器 - Orcas 搶先看

作者：李漢宗

前言

當大家還在使用 Visual Studio 2005 的時候，微軟的下一代開發工具 - Orcas (或許未來會改稱 Visual Studio 2008) 正悄悄地在醞釀中，未來微軟的新開發工具將使得開發應用程式更容易，對 VB、C# 語言提供了更多的支援，開發人員未來將可以透過新的開發工具來進行 LINQ (Language - Integrated Query - 一種整合資料與程式邏輯的橋接介面)、ASP.NET AJAX、WPF、SilverLight (先前稱為 WPF/E)，Office 2007...等新技術的開發，甚至於將只在 Visual Studio 2005的Team Suite 版本中才有的 Test 工具整合到 Orcas 中，為了搶先踏入未來技術的殿堂，學習是不可以等待的，走 ~ 讓我們一窺在目前的 Orcas 版本裡面對於 Web 開發技術的支援有哪些?

使用JavaScript將會更容易

以往，在開發網頁程式時，最困難的就是對 JavaScript 作 debug 的動作了，往往程式的運行跟腦袋中的邏輯不一樣時，JavaScript 卻沒有提供任何的 debug 的機制，甚至產生錯誤時，無從得知相關的錯誤訊息。微軟聽見大家開發程式的痛苦心聲，要讓大家在開發網頁程式過程中，如同散步在森林中，自由自在無拘無束的享受開發的樂趣。

從以上的圖中，我們彷彿看到了在 Code-Behind 中也出現了 JavaScript 的身影，有 IntelliSense 這個功能，我們就可以將腦袋中的部份空間移出給真正重要的商業邏輯使用，不用再去記憶一堆函式、方法的完整名稱，也可以減少打錯字卻苦尋不著的窘境，有 Java Script Debug 的功能，讓你不用像過去一樣傷透腦筋尋找程式到底錯誤在哪裡，有製作 ASP.NET AJAX Extender Control 控制項的功能，讓你可以自行開發屬於自己 AJAX Extender 控制項，甚至在未來還將會整合 AJAX Control Toolkit 進來。

JavaScript IntelliSense

看到上面的圖，我想有些人已經開始雀躍了，過去 Visual Studio 2005 在開發 JavaScript 程式時，雖然有一些基本的提示，但是談不上是 IntelliSense，還是得去記憶一些函式或屬性的完整名稱。但是在 Orcas 開發工具中，只要您輸入函式或事件的第一個字元，就會帶出相關的函式或事件。當然，如果您自己設定的函式也是可以透過 IntelliSense 來呼叫它。這樣的功能在開發時簡直就是跟寫 VB 或 C# 語言一樣了，一點也不會讓你覺得是在開發 Client 端程式。

這個功能對需要經常使用 JavaScript 開發的程式設計師而言，簡直如虎添翼，過去在 Code-Behind 中使用IntelliSense的經驗，JavaScript 透過同樣的功能，的確可以大大提昇開發的速度。

JavaScript Debugging

什麼?JavaScript 可以 Debug 了，這是真的嗎?我在告訴我一個以 Java 語言開發網頁應用程式的朋友，他驚訝的說。

是的，在下一代的開發工具 - Orcas 中提供了對 JavaScript 除錯的功能。

但是在使用 Orcas 進行除錯功能前，我們必須針對 IE 作一些調整，將工具＞網際網路選項＞進階中的選項 (停用指令碼除錯) 的勾選取消，您可以參考如下圖的設定：

接下來，我們就可以在 ASPX 檔案中撰寫下列程式碼，並且以一個按鈕的 Click 事件來呼叫這個函式，最後設定一個中斷點 (這裡可以看到中斷點的長相跟 Cobe-Behind File 內的中斷點長的不一樣)。

在按下 Button 後，觸發了 TestFun 這個函式，我們可以看到 JavaScript 的程式碼停留在我們設定中斷點的那一行。

當然這時候您可以利用過去的除錯經驗，按下 F10 進行逐行除錯，也可以觀察參數變化情形。

當然，也可以觀察整個 Document 物件的屬性內容。

那 .js 檔案也適用嗎?有人一定會有此疑問。來，首先我們先建立一個 js 檔案，並且命名為 MyJS，然後在檔案中撰寫下列程式碼（記得設中斷點），並且在 ASPX 檔案引用 MyJS 檔案：

當你按下 Button，看到除錯停留在您設定的那一行，一定會覺得很驚訝，過去看的老眼昏花的JS檔案竟然可以透過 Orcas 除錯了，真是造福一堆程式設計師免於眼鏡度數再度加深。這個功能就像在類別 (Class) 中針對許多的函式除錯一樣的方便。

ASP.NET AJAX Extender Control Support

微軟透過 Orcas 內建的 AJAX Framework，可以讓我們自行設計所需的 Extender 控制項或是 AJAX Server 控制項，這些就像目前的 ASP.NET AJAX ToolKit 一樣，可以讓我們自行擴充所需要的控制項。

這是微軟預先設定的 AJAX Server Extender 內容。

美化網頁更容易

在 Orcas 中，在畫面編輯上提供了 Split 這個功能，顧名思義就是把畫面切割。這時一定有人會提出疑問，在 VS2005 中也是有提供畫面切割，但 VS2005 的上下切割是針對不同畫面編輯時的互相參考，在 Orcas 中則是針對同一個頁面編輯，在畫面上選取某個物件，則直接會對應到這個物件在 Html 的位置。(在 VS2005 中，只能在 Design 跟 Source 兩個畫面切換)，這個看起來實在是太棒了，編輯起來也很方便，實實在在的具備了 WYSIWYG 的特性。

接下來，我們談到 Orcas 中有關 CSS Style 的新功能。當過去在 VS2005 中使用 CSS 時，雖然有 CSS OutLine 輔助我們編輯 CSS 檔案，但是頁面上使用時，我們還是得去記得 Class 或是 Elements 中屬性的內容或意義。微軟觀察到身為程式設計師的我們腦袋記憶體已經容不下這麼多東西，所以設計了新的編輯方式來輔助程式設計師解決這一個問題。

在 Orcas 中提供了 Manage Style 這個視窗 (開啟方式為 Menu 中的 Format > CSS Styles > Manage Style)，這個視窗提供使用者了解在目前的這個頁面上，使用了 CSS 檔案中哪些 Elements 或是 Class，使用者也可以直接透過這個視窗去設定頁面 CSS 的內容 (Apply Style)，這樣的作法比目前在 VS2005 中使用起來更是方便。這個功能跟目前微軟所推出的 Expression Web 產品中的功能類似，都能夠透過設定的方式來設計出內容豐富的網頁。

當然，您也可以針對 CSS Properties 來查看目前某個物件用到的 CSS Style 的屬性有哪些。當您選擇某個物件後，CSS Properties 將會列出目前所用到的屬性，並且以藍色的粗體字表示。

總結

在微軟的開發工具還沒有正式推出前，前面所有一切提到的技術都有可能改變。但是從這個未來的開發工具本質上來講，它想帶給程式開發工程師的便利性，我想是毋庸置疑的。面對新的一代語言 (VB9.0、C# 3.0) 和展新的程式設計方式，我們要怎樣透過更加便利的開發工具來增加產能。面對技術不斷更新，如何應用新技術來解決目前的困難，這些種種都將是未來的一大挑戰。您準備好接招了嗎?明年將會有許多挑戰呢。

參考資料：

• http://msdn2.microsoft.com/en-us/vstudio/aa700831.aspx
• http://msdn2.microsoft.com/en-us/library/7seh8d72(VS.90).aspx
• http://msdn2.microsoft.com/en-us/library/52f3sw5c(VS.90).aspx

Orcas beta1下載網址：

• http://www.microsoft.com/downloads/details.aspx?FamilyID=5d9c6b2d-439c-4ec2-8e24-b7d9ff6a2ab2&DisplayLang=en

点击进入：Visual Studio 2008下载地址