VS 2010 和 .NET 4.0 系列之《程式碼最佳化的Web開發Profile》篇

  • 23176
  • 0
  • 2011-07-02

摘要:VS 2010 和 .NET 4.0 系列之《程式碼最佳化的Web開發Profile》篇

【原文位址】Code Optimized Web Development Profile (VS 2010 and .NET 4.0 Series)
【原文發表日期】Wednesday, September 02, 2009 12:55

這是我針對即將發佈的VS 2010 和 .NET 4所撰寫的 文章系列的第五篇。

今天的文章討論一個我們在VS 2010中新引進的「Web開發 (程式碼最佳化了的/Code Optimized)」配置集(profile)選項,它允許你可選擇地配置Visual Studio在這樣一個IDE佈局模式中運行,該模式隱藏了「所見即所得(WYSIWYG)」 web設計器,圍繞著豐富的「側重於程式碼編輯」的工具體驗做了最佳化。

VS 2010 Web 配置集(profiles)

在你第一次運行VS 2010時,它會提示你選擇一個要使用的IDE profile。你所選擇的profile會配置工具視窗在IDE中是怎麼預設顯示和定位的,並且設置預設的鍵盤快捷鍵。然後你可以使用IDE中的「工具->選項」選單對這些設置進行客制,對它們進行修改。之後,你還可以透過選擇「工具->匯入和匯出設置」選單命令進行重置,選擇不同的profile。

在你第一次運行VS 2010 Beta2時,你會注意到選項列表中包含了2個「Web開發」profile:

0 Choose Default Environment Settings

第一個「Web開發」 profile 是VS 2008中現有web開發profile選項的演化版(內含一些很棒的幫助改善VS 2010中螢幕使用面積方面的改進)。它還允許你利用我們在VS 2010中完成了的極好的WYSIWYG HTML和ASP.NET網頁設計器方面的所有改進(在這個系列的以後文章中,我會對此做詳述)。

第二個「Web開發(Code Optimized)」 profile 選項是我們在VS 2010中新引進的 profile ,針對那些在做web開發時不想要使用WYSIWYG設計器的web開發人員做了最佳化,這些開發人員在開發網頁時看重「只有原始碼(source only)」的編輯體驗。這個IDE profile 選項把WYSIWYG網頁設計器隱藏了起來,配置一個最大化顯示在螢幕上程式碼量的預設IDE佈局(帶最少的工具列和工具視窗),它還給網頁提供了完整的intellisense/偵錯和源碼編輯器體驗。

比較VS 2010中的Web開發profile

你可以透過比較施用這2種「Web開發」 profile 之後的Visual Studio IDE佈局的螢幕截圖來感覺一下這2種 profile 間的區別:

「Web開發」 Profile 的螢幕截圖:

下面的佈局示範了在施用了標準的「Web開發」 profile 之後的預設IDE佈局(螢幕解析度設置在750×650),這個profile是VS 2008中現有的「Web開發」 profile的進化版,展示了任何HTML或ASP.NET網頁的檔案視窗的設計/分割/源碼標籤(tab):

1 Old Profile Small IDE

「Web開發(Code Optimized)」 Profile 的螢幕截圖:

下面的螢幕截圖示範了在施用了新的「Web開發(Code Optimized)」 profile 之後的預設IDE佈局。你可以看到,該profile就顯示和編輯螢幕上的程式碼方面,最佳化了螢幕的使用面積,在預設設置下,隱藏了所有的工具列,並在HTML和ASP.NET網頁的檔案視窗中禁止和隱藏了設計器標籤(tab):

2 New Profile Small IDE

下面是一張在較大一點的螢幕解析度下的「code optimized」 profile的螢幕截圖:

2 New Profile Full IDE Single File

混合和配對使用特性

在標準的「Web開發」 profile 和 「Web 開發 (code optimized)」 profile中使用的所有不同的特性都是透過Visual Studio的「工具->選項」配置對話框來呈現的。這意味著,你可以隨便從哪種VS profile(包括一般的,VB 和 C# profile)出發,然後按你的愛好啟用或關閉個別的特性來定制IDE佈局和編輯體驗。

例如,在下面,你可以看到「工具->選項」對話框中的啟用或禁止HTML設計器的復選框(該選項配置了設計/分割/源碼標籤是否顯示在每個網頁的底部):

0 Tools Options HTML Designer

這給了你這樣的彈性: 可以按自己愛好定制開發體驗,可以創造一個為你自己和你最喜愛的開發方式最佳化了 的個人化工具體驗。

VS 2010中發佈的這2種web開發profile提供了2個很好的預配(preconfigured)起始點,我們認為它們給世界上一大群web開發人員提供了一套很好的預設配置。你可以輕鬆地選擇從你感覺最好的選項出發,然後按你的愛好可選擇地做進一步配置。

結語

我們只是把這個新的profile作為選項提供給那些側重於源碼web開發體驗的開發人員。WYSIWYG HTML/ASP.NET 設計器還將繼續在VS 2010中所有其他的profile中預設啟用(就像在VS 2008中一樣),我們在VS 2010對該設計器也做了很多改進(我將在以後的文章中對此做詳述)。所以,別擔心,WYSIWYG設計器絕對不會消失的,它會在以後的每個版本中繼續得到增強和改進。

但我們認為,對那些「側重源碼編輯」 web開發體驗,不使用WYSIWYG設計器的開發人員來說,這個新的 「Web 開發(Code Optimized)」 profile是個非常棒的新選項。該profile選項給他們提供了一個簡潔的方式來在IDE佈局中隱藏設計器(以及相關的工具視窗和工具列),從而享用一個側重原始碼的web開發體驗。

希望本文對你有所幫助,

Scott

附註: 除了寫部落格外,最近我一直在使用Twitter發短貼和共享連結。你可以在Twitter上透過 http://www.twitter.com/scottgu (@scottgu是我的twitter名)跟