VS2013：Web開發(fā)人員必須了解的一切

作者：核子可樂譯 2013-11-14 09:24:13

Visual Studio 2013已經(jīng)發(fā)布，我們準(zhǔn)備了下面這份以ASP.NET及Web工具為重點(diǎn)的Visual Studio 2013版本總結(jié)...

【51CTO獨(dú)家譯文】Visual Studio 2013已經(jīng)發(fā)布，我們準(zhǔn)備了下面這份以ASP.NET及Web工具為重點(diǎn)的Visual Studio 2013版本總結(jié)：

·Visual Studio 2013現(xiàn)在已經(jīng)可通過Visual Studio網(wǎng)站進(jìn)行下載，MSDN訂閱用戶則可點(diǎn)擊此處下載。

·Visual Studio 2013需要與Visual Studio 2012配合安裝，且允許用戶在不同Visual Studio版本之間隨意切換——因此大家完全不必存在顧慮。

·Visual Studio 2013帶來新的ASP.NET版本，其中包括ASP.NET MVC 5、ASP.NET Web API 2、Razor 3、Entity Framework 6以及SignalR 2.0。

·ASP.NET新版本的關(guān)注重點(diǎn)在于“One ASP.NET”，因此其核心功能及網(wǎng)絡(luò)工作能夠在不同平臺之上實(shí)現(xiàn)同樣的效果(例如將ASP.NET控制器添加到Web Forms應(yīng)用當(dāng)中)。

·新增核心功能包括基于Bootstrap的新模板、新的支架系統(tǒng)以及新的身份識別系統(tǒng)。

·Visual Studio 2013是一款極為出色的編輯器，能夠打理各種Web文件，包括HTML、CSS、JavaScript、Markdown、LESS、Coffeescript、Handlebars、Angular、Ember、Knockdown等。

熱門鏈接:

·ASP.NET網(wǎng)站標(biāo)準(zhǔn)新版本區(qū)中的Visual Studio 2013相關(guān)內(nèi)容: http://www.asp.net/vnext

·Visual Studio 2013版本中的ASP.NET與Web工具說明

·Scott Hanselman與Mads Kristensen帶來的Visual Studio網(wǎng)絡(luò)編輯器功能簡要介紹(視頻)

·.NET Web開發(fā)與工具官方博客中的Visual Studio 2013中ASP.NET與Web工具新版本博文

.NET Web開發(fā)與工具博客提供很多關(guān)于新版本的優(yōu)秀博客

·Scott Guthrie的博客: Visual Studio 2013版本、ASP.NET與Enitity Framwork的新改進(jìn)

·Scott Hanselman在ASP.NET網(wǎng)站上發(fā)布了一系列功能概述視頻。它們做得非常好，能夠帶來理想的指導(dǎo)作用。大家可以通過以下地址進(jìn)行觀看: http://www.asp.net/visual-studio/overview/2013

Web開發(fā)指導(dǎo)：Visual Studio 2013的下載與安裝

我發(fā)現(xiàn)Visual Studio 2013的安裝過程相當(dāng)快。根據(jù)Brian Harry發(fā)布的博文來看，直接安裝并覆蓋Visual Studio預(yù)發(fā)布版也是完全可行的。

如果大家打算利用Visual Studio 2013單純進(jìn)行Web開發(fā)，那么完全可以通過勾選“Web Developer Tools”選項(xiàng)來進(jìn)一步縮短安裝流程。

當(dāng)然，我肯定還得介紹介紹其它能幫助用戶完成任務(wù)的功能，例如針對Windows 8系統(tǒng)的Store應(yīng)用以及Windows Phone 8.0 SDK——不過它們會下載并安裝大量其它組件(舉例來說，Windows Phone SDK會設(shè)置Hyper-V并下載幾GB虛擬機(jī)數(shù)據(jù))。因此，如果大家的本意僅僅是為了進(jìn)行Web開發(fā)，那么只選擇Web Developer Tools即可——其它組件可以稍后再進(jìn)行安裝。

如果各位手頭的互聯(lián)網(wǎng)連接比較給力，我建議大家直接使用網(wǎng)絡(luò)安裝工具而不必下載整個ISO。ISO文件當(dāng)中包含全部功能，但網(wǎng)絡(luò)安裝工具則只會下載被選中的對應(yīng)組件。#p#

Visual Studio 2013開發(fā)設(shè)置與色彩主題

當(dāng)大家首次啟動Visual Studio時，它會提示我們選擇一些默認(rèn)設(shè)置。具體如何選擇完全取決于大家的喜好——只要符合具體開發(fā)習(xí)慣即可——各位也可以在稍后的使用中對其進(jìn)行修改。

正如剛剛所說，具體設(shè)置完全取決于個人喜好。我建議大家在Web開發(fā)與Web開發(fā)(純代碼)之間進(jìn)行選擇。二者的惟一實(shí)質(zhì)性區(qū)別在于純代碼模式會隱藏工具欄，大家可以利用Tools/Import與Export Settings/Reset在兩種模式之間切換。

Web開發(fā)設(shè)置

Web開發(fā)(純代碼)設(shè)置

通常情況下，我更傾向于使用Web開發(fā)(純代碼)模式，這是因?yàn)槲蚁Ｍ馨炎⒁饬性诖a身上——當(dāng)然，標(biāo)準(zhǔn)工具欄能夠更輕松地切換為默認(rèn)網(wǎng)絡(luò)瀏覽器視圖。我們稍后再進(jìn)一步探討。

色彩主題

每個人都可以任意選擇自己喜歡的色彩主題，我個人會根據(jù)自己的心情選擇Light或者Dark色調(diào)——此外，我個人很喜歡在低對比度窗口顯示方案，這能讓自己的注意力更集中在代碼本身而非標(biāo)簽或工具欄身上。我知道有些朋友對這種設(shè)定極為不滿，希望藍(lán)色主題能馬上回歸。我倒是對藍(lán)色主題沒啥好感——它讓我感覺自己仍然置身于遠(yuǎn)古時代的Visual Studio版本當(dāng)中……好了，我一秒鐘也不打算再多想。

因此，目前的情況是：如果大家安裝Visual Studio旗艦版，那么主題默認(rèn)為Blue，其它版本則默認(rèn)采用Light。如果各位堅(jiān)持使用Blue方案，我也不會妄加品評。主題變更非常簡單，按照Tools/Options/Environment/General的順序一路點(diǎn)下去即可;或者選擇更聰明的辦法：按下Ctrl+Q組合鍵快速激活，然后輸入主題名稱并按回車確認(rèn)。

登錄

在第一次使用時，Visual Studio 2013會提醒我們登錄。其實(shí)不登錄也，大家可以點(diǎn)擊對話框下方的“暫時不登陸，以后再說”鏈接。不過我個人建議大家登錄。這套登錄機(jī)制并不會與授權(quán)許可掛鉤，也不會追蹤大家的使用情況并推送功能組件購買推薦?？梢哉f登錄只會帶來好處，例如在不同計(jì)算機(jī)之間同步Visual Studio設(shè)置等。總之，可以不登錄，但登錄之后回報多多。#p#

ASP.NET全新內(nèi)容概述

ASP.NET中的新鮮好東東也不少。我會在接下來的文章中介紹一部分，但更多內(nèi)容推薦大家訪問ASP.NET官方網(wǎng)站。

One ASP.NET

關(guān)于這個話題我們已經(jīng)進(jìn)行過多次討論，最終的結(jié)論是——有選擇是好的，但選擇本身也屬于一種負(fù)擔(dān)。哪大家著手創(chuàng)建一個全新ASP.NET項(xiàng)目，為什么還要做出一個個艱難的選擇(且會造成長期影響)來決定應(yīng)用程序該如何運(yùn)作?我們?yōu)槭裁淳筒荒芟仁褂肁SP.NET Web Forms，并在未來需要的時候添加ASP.NET MVC——這真有那么難嗎?畢竟這手心手背都是ASP.NET，對吧?

在理想狀態(tài)下，我們只需在項(xiàng)目起步時決定采用ASP.NET作為網(wǎng)站及服務(wù)的創(chuàng)建基礎(chǔ)，并在其后的實(shí)際開發(fā)過程中根據(jù)需要添加其它工具(即下圖中的綠色方塊)。

好的，現(xiàn)在美夢終于成真。

當(dāng)大家創(chuàng)建一個全新ASP.NET應(yīng)用程序時，只需點(diǎn)擊對應(yīng)選項(xiàng)即可。

接下來，大家可以從現(xiàn)有模板當(dāng)中選擇一種作為起步……不過模板之間的區(qū)別可不小。這并不是那種會讓大家左右為難、不知如何取舍的模板，而只是一些首發(fā)選項(xiàng)。最重要的是，大家可以對其進(jìn)行混合及匹配。舉例來說，我們可以在選擇使用Web Forms模板中大部分設(shè)定的同時，另行借用MVC及Web API文件夾與核心。

大家過去可能也嘗試過混合及匹配方案——沒錯，雖然能夠生效，但使用過程并不愉快。原先的ASP.NET項(xiàng)目文件當(dāng)中包含各種特殊的項(xiàng)目類型GUID，因此如果大家希望手動編輯csproj文件、則只能在Web Forms項(xiàng)目當(dāng)中獲得控制器支持。同一堆棧中的功能無法作用于其它堆棧，因此選擇項(xiàng)目模板讓人頭痛不已?，F(xiàn)在情況不同了，讓我們盡情歡呼吧!

我曾在上周的演示環(huán)節(jié)中拿出一套開發(fā)demo——一個由Web Forms加MVC再加Web API創(chuàng)建的網(wǎng)站，內(nèi)置模塊化支架式MVC以及由EF Code First實(shí)現(xiàn)的Web API控制器;數(shù)據(jù)被添加到MVC視圖當(dāng)中，在Web API內(nèi)進(jìn)行查看，而后再向Web Forms Default.aspx頁面添加一套GridView并與Model綁定。整個過程大約耗時五分鐘。當(dāng)然，這只是個簡單的實(shí)例，但確實(shí)能夠在跨ASP.NET家族間進(jìn)行數(shù)據(jù)共享方面發(fā)揮出色作用。

驗(yàn)證

過去，驗(yàn)證機(jī)制被內(nèi)置在模板當(dāng)中。舉例來說，大家需要利用ASP.NET MVC 4 Intranet Project模板來創(chuàng)建新的ASP.NET MVC 4應(yīng)用程序，其中將預(yù)置Windows驗(yàn)證機(jī)制。因?yàn)殛P(guān)于驗(yàn)證的一切都被內(nèi)置在每套模板當(dāng)中，因此它們之間處于不同堆棧范疇，大家無法對其進(jìn)行重復(fù)使用。有鑒于此，關(guān)于驗(yàn)證的選項(xiàng)并不多，因?yàn)樗鼈兩婕耙淮蠖秧?xiàng)目模板且需要做出大量改動。

現(xiàn)在，新項(xiàng)目對話框中包含一套通用的驗(yàn)證機(jī)制。當(dāng)大家點(diǎn)擊“Change Authentication”(變更驗(yàn)證)按鈕時，即可獲得通用選項(xiàng)——其起效機(jī)制完全相同，不再需要考慮具體模板或者用戶的個人設(shè)置。這些選項(xiàng)都以ASP.NET框架為基礎(chǔ)，且適用于全部托管環(huán)境(包括IIS、IIS Express或者OWIN)。

默認(rèn)情況下使用的是個人用戶賬戶：

這是一套標(biāo)準(zhǔn)的“創(chuàng)建本地賬戶、使用用戶名/密碼或者OAuth”機(jī)制;不過這一切都以新型驗(yàn)證系統(tǒng)為基礎(chǔ)。我們稍后再進(jìn)一步討論。

這里只有組織賬戶這一項(xiàng)需要進(jìn)行額外配置，包括Active Directory、Windows Azure Active Directory或者Office 365的驗(yàn)證配置。

身份認(rèn)證

Visual Studio 2013采用新的身份認(rèn)證系統(tǒng)。在繼承了原先ASP.NET Membership以及Simple Identity系統(tǒng)的優(yōu)勢之外，新版本還采納了大量反饋意見從而為開發(fā)人員帶來理想的支持力度，包括單元測試以及擴(kuò)展能力。

我曾經(jīng)就ASP.NET的身份認(rèn)證機(jī)制撰寫了幾篇長博文，在今后的文章中我還將舊事重提。概括來說，我認(rèn)為我們終于獲得了一套恰到好處的身份認(rèn)證系統(tǒng)，其中最出色的功能包括：

·默認(rèn)項(xiàng)目簡單、合理且效果突出——大家可以按照File/New/Run/Register/Login的順序設(shè)置自己的認(rèn)證機(jī)制，而且肯定能正常起效。

·它支持標(biāo)準(zhǔn)的用戶名/密碼模式，同時也可采用外部驗(yàn)證機(jī)制(例如OAuth等)。

·定制工作容易實(shí)現(xiàn)且無需對全盤進(jìn)行重新實(shí)施。它采用內(nèi)置插接式組件，無需涉及大型獨(dú)立系統(tǒng)。

·它采用IUser及IRole等作為內(nèi)置接口，從而實(shí)現(xiàn)單元測試、關(guān)聯(lián)性注入等功能。

·大家可以輕松添加用戶配置數(shù)據(jù)(例如URL、Twitter引用、出生日期)。大家只需將屬性添加到ApplicationUser模塊當(dāng)中，它們就會自動得到保存。

·對身份認(rèn)證數(shù)據(jù)進(jìn)行持續(xù)全面控制。在默認(rèn)情況下，都由Entity Framework Code First負(fù)責(zé)打理，但它也能夠直接支持由小(修改架構(gòu))到大(使用其它ORM或者在文檔數(shù)據(jù)庫、云環(huán)境、XML、桌面后臺EXIF數(shù)據(jù)或者其它機(jī)制中保存數(shù)據(jù))的各類變更。

·配置工作通過OWIN實(shí)現(xiàn)，稍后Katana也將加入進(jìn)來。利用OWIN打造意味著它具備便攜性。

大家可以在ASP.NET網(wǎng)站上參閱更多與驗(yàn)證及身份認(rèn)證相關(guān)的章節(jié)(稍后還將發(fā)布更多消息)。#p#

項(xiàng)目模板基于新型Bootstrap

前面提到的各種新型項(xiàng)目模板由Bootstrap 3創(chuàng)建。Bootstrap(即原先的Twitter Bootstrap)是一套前端框架，它帶來的優(yōu)勢包括：

·采用響應(yīng)式設(shè)計(jì)，因此項(xiàng)目能夠自動利用CSS媒體查詢與設(shè)備寬度相匹配。舉例來說，菜單會在桌面瀏覽器中以全尺寸顯示;但在移動設(shè)備的小型屏幕上，大家會自動獲得符合移動使用習(xí)慣的菜單方案。

·內(nèi)置Bootstrap風(fēng)格將使大家的標(biāo)準(zhǔn)頁面元素(包括標(biāo)題、頁腳、按鈕、表單輸入以及列表等)外觀更漂亮、更具現(xiàn)代感。

·Bootstrap支持主題設(shè)置，因此大家可以在下拉菜單的新Bootstrap主題選項(xiàng)中重新裝扮自己的網(wǎng)站。由于Bootstrap在Web開發(fā)行業(yè)中的人氣很高，因此各類模板數(shù)量龐大、品種豐富——付費(fèi)版本與免費(fèi)版本皆有，任君隨意選擇。

·Bootstrap還包含大量極具實(shí)用性的其它內(nèi)容：組件(例如進(jìn)度條及標(biāo)記)、glyphicons、用于工具提示的jQuery插件、下拉菜單以及carousel等。

下面我們來看響應(yīng)式部分是如何工作的。在頁面處于全屏模式下時，菜單與標(biāo)題會針對寬屏顯示進(jìn)行優(yōu)化：

在縮小頁面尺寸之后(完全取決于頁面寬度，與useragent檢測無關(guān))，菜單會調(diào)整為更適合在移動設(shè)備上觀看的縱向模式：

舉例來說，我從bootswatch.com網(wǎng)站上找到一套新的免費(fèi)主題。對于簡單主題來說，大家只需要下載其bootstrap.css文件并將其覆蓋項(xiàng)目中的/content/bootstrap.css文件即可。

現(xiàn)在只需刷新當(dāng)前頁面，新主題就會自動生效：

支架

支架系統(tǒng)的最大變化在于可以在整套ASP.NET體系下發(fā)揮作用。大家可以創(chuàng)建一個新的空白Web項(xiàng)目或者Web Forms項(xiàng)目，其中將直接提供Scaffold相關(guān)菜單。

在目前的RTM版本中，我們擁有MVC 5與Web API 2兩套控制器。我們曾在預(yù)覽版本中對Web Forms支架進(jìn)行過評測，但在RTM版本中該系統(tǒng)又經(jīng)過了重新調(diào)整。我們期待著在即將推出的正式版本中它能迎來更多改進(jìn)。

這套支架系統(tǒng)不僅能夠作用于全局ASP.NET框架，而且還在未來可擴(kuò)展性方面留下很多可能性。雖然目前的版本還不完整，但最終效果應(yīng)該很快就會揭曉。#p#

項(xiàng)目自述頁面

自述并不是什么重要組件，但我對Visual Studio 2013的對應(yīng)頁面表示贊賞。在創(chuàng)建新項(xiàng)目時，項(xiàng)目的根目錄中會自動出現(xiàn)一個Project_Readme.html頁面，可通過Visual Studio的內(nèi)置瀏覽器打開。

我真心喜歡這項(xiàng)設(shè)定。

很久很久以前，當(dāng)大家打算創(chuàng)建新項(xiàng)目時，Visual Studio只是把整套平臺甩給用戶、然后坐看開發(fā)者撓著腦袋不知該如何下手。這樣不好。

后來我們向新項(xiàng)目模板中加入了大量入門指導(dǎo)信息，用于提示大家該接下來該做什么;不過用戶必須手動將這部分引導(dǎo)內(nèi)容從網(wǎng)站中刪掉。這些提示信息的內(nèi)容并不屬于頁面固有內(nèi)容，所以也不太理想。

最新的自述機(jī)制借助HTML文件實(shí)現(xiàn)，不會對項(xiàng)目代碼產(chǎn)生任何影響。如果不喜歡，大家可以隨時將其刪除。不過請別太過草率——它提供大量非常有用的鏈接，而且能夠以特定格式創(chuàng)建自述文檔、通過具體信息描述我們在項(xiàng)目中使用的另類設(shè)定。

備注：我很喜歡在Visual Studio內(nèi)部瀏覽器上閱讀自述信息這個主意——這比通過默認(rèn)瀏覽器打開HTML頁面酷得多也便利得多，畢竟額外彈出新窗口以及隨之而來的啟動時間讓人煩躁。如果大家還在采用那種傳統(tǒng)方式，最好盡快投入新方案的懷抱。理由很簡單——如果某些不知名的“活雷鋒”事先在瀏覽器里已經(jīng)打開了好幾十個標(biāo)簽頁，載入過程會活活把人逼瘋。等到“感謝您安裝我們的Visual Studio擴(kuò)展!”頁面順利打開，我一定已經(jīng)在墻上撞死好幾回了?？偠灾?，請優(yōu)先利用Visual Studio中自帶的瀏覽器打開自述頁面。#p#

ASP.NET MVC 5

ASP.NET MVC 5中的最大改動在于它不再作為獨(dú)立項(xiàng)目類型?，F(xiàn)在它可以與其它ASP.NET組件完美集成。

除了前面已經(jīng)提到的這些常見功能(Bootstrap、模板、身份認(rèn)證以及驗(yàn)證)，我們再聊聊ASP.NET MVC中的其它新內(nèi)容。

屬性路由

ASP.NET MVC現(xiàn)在支持屬性路由功能，這要?dú)w功于Tim McCall(http://attributerouting.net網(wǎng)站的創(chuàng)始人)做出的卓越貢獻(xiàn)。在屬性路由功能的輔助下，用戶可以通過為操作及控制器添加注解的方式指定路由機(jī)制。該功能支持多種復(fù)雜的定制化路由情況，而且允許大家保存自己的路由信息以及控制器操作。

控制器中包含的一項(xiàng)方法名為Hiding的操作，但我已經(jīng)利用AttributeRouting在/spaghetti/with-nesting/where-is-wald中對其進(jìn)行了配置：

public class SampleController : Controller

{

[Route("spaghetti/with-nesting/where-is-waldo")]

public string Hiding()

{

return "You found me!";

}

我在自己的RouteConfig.cs文件中添加了上述代碼，并通過以下方式將其注入到其它MVC路由當(dāng)中：

public class RouteConfig

{

public static void RegisterRoutes(RouteCollection routes)

{

routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

routes.MapMvcAttributeRoutes();

routes.MapRoute(

name: "Default",

url: "{controller}/{action}/{id}",

defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }

);

}

大家可以點(diǎn)擊此處閱讀更多關(guān)于ASP.NET MVC 5中屬性路由的相關(guān)信息。

過濾器強(qiáng)化

過濾器新增兩種類型，分別為Authentication Filters與Filter Overrides。

Authentication過濾器是ASP.NET MVC中的全新過濾器類型在ASP.NET MVC流程中優(yōu)先運(yùn)行，從而允許用戶為每項(xiàng)操作、每套控制器或者全局控制器指定驗(yàn)證邏輯。Authentication過濾器處理請求中的證書并提供對應(yīng)主體。Authentication過濾器還可以為未經(jīng)授權(quán)的請求添加驗(yàn)證質(zhì)詢。

Override過濾器允許大家改變特定方法或者控制器所應(yīng)用的過濾器。Override過濾器能夠?yàn)樘囟ǚ秶?例如操作或者控制器)設(shè)定不適用的過濾器類型。這一特性允許大家在全局范圍配置過濾器的同時，排除特定操作或者控制器。#p#

ASP.NET Web API 2

ASP.NET Web API 2當(dāng)中包含大量新功能。

屬性路由

ASP.NET Web API支持ASP.NET MVC 5中的屬性路由系統(tǒng)。大家可以點(diǎn)擊此處閱讀更多關(guān)于Web API中屬性路由機(jī)制的介紹。

OAuth 2.0

ASP.NET Web API具備OAuth 2.0支持能力，這是由于其借助了運(yùn)行在OWIN中的安全中間件(下面將進(jìn)一步介紹)。這一點(diǎn)對于已驗(yàn)證單頁面應(yīng)用等功能來說非常重要。

OData改進(jìn)

ASP.NET Web API現(xiàn)在全面支持OData。為了實(shí)現(xiàn)這一點(diǎn)，Web API納入大量最強(qiáng)大的執(zhí)行機(jī)制：$select、$expand、$batch以及$value。大家可以點(diǎn)擊此處閱讀由Mike Wasson撰寫的OData執(zhí)行機(jī)制支持評論。

想要囊括全部功能需要一份相當(dāng)龐大的列表，其中包括CORS(即跨域請求共享)、IHttpACtionResult、IHttpRequestContext等等。我想大家最好在發(fā)行說明中對它們進(jìn)行進(jìn)一步了解。

OWIN與Katana

我最近剛剛撰寫過一篇關(guān)于OWIN與Katana的文章，我也是這兩套方案的堅(jiān)定擁護(hù)者。

OWIN是一款開放Web接口，專門針對.NET。我們可以將其看作類似于HTML或者HTTP的規(guī)范，因此大家無法安裝OWIN。OWIN帶來的好處在于，它是一套業(yè)界通行規(guī)范，因此任何采納這套方案的組件都可以由此接入ASP.NET堆棧——無論是中間件還是主機(jī)。

Katana是微軟推出的OWIN衍生方案。它利用OWIN將驗(yàn)證、處理、模塊、IIS托管等元素串連起來，從而使ASP.NET能夠托管OWIN組件與Katana組件，并使其運(yùn)行在其它OWIN衍生方案當(dāng)中。

Howard Dierking在MSDN雜志中撰寫了一篇精彩的文章，從深層次圍繞Katana展開探討——文章題為《Katana項(xiàng)目入門指南》。他通過一個有趣的例子展示了以O(shè)WIN為基礎(chǔ)且在單一堆棧中使用SignalR、ASP.NET Web API以及NancyFx組件的實(shí)施途徑。

如果這樣的處理方式對于大家有意義，那當(dāng)然最好。如果暫時沒有也別擔(dān)心，但請各位務(wù)必對此保持關(guān)注。隨著ASP.NET對插件容納能力的不斷提升，將有越來越酷的使用方式逐步出現(xiàn)。#p#

Visual Studio Web工具

好吧，這東西相當(dāng)瘋狂。Visual Studio在過去幾年來不斷迎來多種出色的Web開發(fā)功能，但微軟最終將其整理并構(gòu)建起新版本仍然令人激動。

Visual Studio是我目前在Web文件領(lǐng)域最喜愛的代碼編輯器：CSS、HTML、JavaScript以及大量流行庫，一切都能打理得妥妥當(dāng)當(dāng)。

不要再把Visual Studio當(dāng)作是一種只能用來編寫后端代碼的大型編輯器了。不要再利用Notepad(或者Sublime、Notepad++等)編輯HTML以及CSS。Visual Studio在配備SSD的現(xiàn)代計(jì)算機(jī)上只需兩秒就能完成啟動。在HTML屬性、CSS類、jQuery或者Angular語法方面出現(xiàn)拼寫錯誤實(shí)在是太愚蠢了。這不會讓你成為更優(yōu)秀的開發(fā)人員，只會讓你變成浪費(fèi)時間的傻瓜。

Browser Link

Browser Link是一種存在于Visual Studio與全部網(wǎng)絡(luò)瀏覽器之間的實(shí)時、雙向連接。它只在我們以本地方式進(jìn)行調(diào)試時才能發(fā)揮作用，但卻適用于任何一款網(wǎng)絡(luò)瀏覽器，包括模擬器。

大家可能已經(jīng)在一些演示中看到過如何在編輯器內(nèi)部做出修改以刷新瀏覽器，我也承認(rèn)這種方式很酷。但這真的僅僅只是開始。這是一種雙向連接，而且專門為擴(kuò)展性而打造。這意味著大家可以通過編寫擴(kuò)展將信息由正在運(yùn)行的應(yīng)用程序(可以在IE、Chrome甚至是移動模擬器當(dāng)中)返還至Visual Studio。Mads及其技術(shù)團(tuán)隊(duì)展示了他們?nèi)绾卧跒g覽器的編輯模式下將源HTML返還至瀏覽器。我們甚至可以在演示中看到他們?nèi)绾纬尸F(xiàn)HTML執(zhí)行過程、檢查兼容性問題以及檢查無用的CSS類等等——總之，沒有做不到只有想不到。

新型HTML編輯器

早期版本中的HTML編輯器中存在大量陳舊代碼，給我們的改進(jìn)帶來極大束縛。技術(shù)團(tuán)隊(duì)重新編寫了HTML編輯器，從而讓Visual Studio中的新型擴(kuò)展功能發(fā)揮作用——這樣的處理方式使他們得以將全部功能添加進(jìn)來，包括CSS類與ID智能感知(只需輸入style=“”即可獲得一份關(guān)于當(dāng)前項(xiàng)目的類與ID列表)、文檔格式智能化排版以及自動同步JavaScript引用等等。

這是一段來自Mads Kristensen的視頻教程，時長為三分鐘。

集成化Windows Azure網(wǎng)站創(chuàng)建與發(fā)布

Windows Azure門戶機(jī)制運(yùn)作良好、與普通網(wǎng)站的使用方式無異，但我們必須通過額外的步驟才能通過這套門戶創(chuàng)建新網(wǎng)站、而后下載并發(fā)布配置文件、最后才能將其導(dǎo)入至自己的站點(diǎn)。這就像連續(xù)進(jìn)行十次點(diǎn)擊——實(shí)在是讓人感到疲勞，每次進(jìn)行這項(xiàng)工作之后我都覺得需要睡一覺。

這一切在Visual Studio 2013的Server Explorer中都得到了更新，因此我可以直接右鍵點(diǎn)擊Windows Azure節(jié)點(diǎn)以創(chuàng)建新網(wǎng)站。在后續(xù)的發(fā)布過程中，我可以直接將站點(diǎn)分布配置文件導(dǎo)入進(jìn)來并立刻執(zhí)行。這意味著我能夠利用免費(fèi)的20MB SQL數(shù)據(jù)庫建立起新的Windows Azure網(wǎng)站并將其直接在Windows Azure中發(fā)布——整個過程完全不涉及Visual Studio。這真的很棒，我很喜歡。