Visual Studio “14″中的Web開發新技巧

隨著Visual Studio “14”的不斷髮展，最近釋出的第四個預覽版本讓我們對部分正在進行的以Web為中心的開發工作有了大概的認識。雖然就個體而言其中沒有一項屬重大變化，但作為一個整體，它們提供了漸進式改進，提高了日常編輯工作的質量。

Visual Studio “14”藉助非同步JSON模式載入、模式快取、更好的智慧感知功能及JSON模式驗證改進了編輯器的效能，JSON檔案編輯獲益匪淺。已載入的模式會在Visual Studio會話之間儲存，避免了每次訪問都必須重新載入。如果需要重新載入，則可以在右鍵選單中選擇“重新載入模式（Reload Schemas）”（或者按CTRL+SHIFT+J鍵）重新載入它們。

藉助編輯器的功能增強，開發人員還可以對檔案中的JSON資料進行“收縮（Minify）”或“展開（Un-minify）”操作。例如，開始的時候有下面這樣一些JSON資料：

選擇“展開”後：

HTML編輯則可以從常見Bug的修復和升級的智慧感知功能獲益，但對許多開發人員而言，最大的提升是雙花括號{{ }}的處理方式。尤其是，雙花括號中的內容將被忽略，開發人員在使用像Angular和Handlebars這樣的模板框架時將因此省卻了不少麻煩。類似地，編輯器將不再嘗試驗證自定義元素中的未知屬性，減少了它在面對無法識別元素時感知到的錯誤數量（用熟悉的紅色波浪線標註）。

現在，對於那些編輯器能夠識別的元素，開發人員可以獲得提示資訊：

Visual Studio “14”增加了#region支援，開發人員可以在編輯器中摺疊程式碼。下面是摺疊後的示例程式碼：

展開之後的程式碼如下：

類似地，註釋（<— —>）可以使用像Todo：和Hack：這樣的關鍵詞標註，編輯器會識別出它們，並把它們顯示在Visual Studio的任務列表視窗中。

最後，一項廣受歡迎的改進是在現有的“瀏覽器連結（Browser Link）”功能中加入了CSS自動同步功能，因此，Visual Studio中使用的瀏覽器可以在編輯會話期間顯示CSS檔案編輯後的變化。這縮短了更改樣式表時的編輯/檢查週期。