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

jopen 10年前發布 | 14K 次閱讀 Visual Studio

        英文原文:New Tricks Shown for Web Development in Visual Studio "14"

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

        Visual Studio “14”借助異步 JSON 模式加載、模式緩存、更好的智能感知功能及 JSON 模式驗證改進了編輯器的性能,JSON 文件編輯獲益匪淺。已加載的模式會在 Visual Studio 會話之間保存,避免了每次訪問都必須重新加載。如果需要重新加載,則可以在右鍵菜單中選擇“重新加載模式(Reload Schemas)”(或者按 CTRL+SHIFT+J 鍵)重新加載它們。

        借助編輯器的功能增強,開發人員還可以對文件中的 JSON 數據進行“收縮(Minify)”或“展開(Un-minify)”操作。例如,開始的時候有下面這樣一些 JSON 數據:

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

        選擇“展開”后:

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

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

        現在,對于那些編輯器能夠識別的元素,開發人員可以獲得提示信息:

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

        Visual Studio “14”增加了#region 支持,開發人員可以在編輯器中折疊代碼。下面是折疊后的示例代碼:

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

        展開之后的代碼如下:

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

        類似地,注釋(<--- --->)可以使用像 Todo:和 Hack:這樣的關鍵詞標注,編輯器會識別出它們,并把它們顯示在 Visual Studio 的任務列表窗口中。

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

        最后,一項廣受歡迎的改進是在現有的“瀏覽器鏈接(Browser Link)”功能中加入了 CSS 自動同步功能,因此,Visual Studio 中使用的瀏覽器可以在編輯會話期間顯示 CSS 文件編輯后的變化。這縮短了更改樣式表時的編輯/檢查周期。

來自: InfoQ
                    <span id="shareA4" class="fl">                  
                        </span>
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!