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檔案編輯後的變化。這縮短了更改樣式表時的編輯/檢查週期。
相關文章
- 《Visual Studio 2017 Web 開發》截圖Web
- Visual Studio中Es6的開發環境搭建開發環境
- 對於Web開發最棒的22個Visual Studio Code外掛Web
- 使用Visual Studio 2022開發前端前端
- 12個Visual Studio除錯效率技巧除錯
- 微軟開發工具 Visual Studio 官網微軟
- Web編譯器Visual Studio擴充套件Web編譯套件
- Visual Studio 2005 如何建立“Web 應用程式”Web
- 驅動開發:配置Visual Studio驅動開發環境開發環境
- Visual Studio 除錯技巧之即時視窗的妙用除錯
- Visual Studio模板程式碼註釋小技巧分享
- Visual Studio Code:輕鬆高效的開發工具 mac/win版Mac
- 微軟適用於 Visual Studio 的 Edge 開發者工具微軟
- Visual Studio 必備外掛集合:AI 助力開發AI
- Visual Studio Code
- Visual Studio Tips
- 30個極大提高開發效率的Visual Studio Code外掛
- visual studio中顯示無法開啟ui檔案UI
- Visual Studio開啟專案時出現“this project is incompatible with the current version of visual studio”錯誤Project
- 正確配置 Visual Studio Code 開發和除錯 TypeScript除錯TypeScript
- visual studio 使用技巧 1:快速找到介面的實現類
- 將編譯過的C++庫迅速部署在Visual Studio新專案中編譯C++
- jQuery Gantt如何在Visual Studio中建立一個新的ASP.NET專案jQueryASP.NET
- 在 Visual Studio Code 中開啟 macOS 裡的隱藏資料夾Mac
- Dynamics365 Developer Extensions提升你的開發效率(支援visual studio 2017)S3Developer
- Java on Visual Studio Code的更新Java
- 【譯】使用 .NET Aspire 和 Visual Studio 開發雲原生應用
- 【Python】—{Visual Studio Code}Python
- Microsoft Visual Studio CodeROS
- 安裝 Visual Studio
- Visual Studio 快捷鍵
- 【譯】Visual Studio 中的 GitHub Copilot:2023年回顧Github
- 【譯】Visual Studio 17.8 中我最喜歡的特性
- 在 Visual Studio Code (VS Code) 中設定
- FFmpeg開發筆記(三十九)給Visual Studio的C++工程整合FFmpeg筆記C++
- Revit二次開發環境配置(Revit 2020 +Visual Studio 2019)開發環境
- 在 Visual Studio 2022 中,開發 ASP.NET 網站並在 Windows Server 2003 中進行部署ASP.NET網站WindowsServer
- cuda的 visual studio 環境配置
- Android Studio中NDK開發Android