使用Visual Studio 2012 開發 Html5 應用
Visual Studio 一直以來是開發微軟旗下應用的利器,只要是開發微軟相關的應用無論是Windows程式,WPF,Asp.Net,WinRT Surface,WindowsPhone 等微軟旗下的應用都可以使用Visual Studio 來開發。如果您已經非常習慣了Visual Studio 的UI和操作,是不是有時候也想使用Visual Studio 像DreamWeaver 一樣來開發純瀏覽器的Html5的應用呢? 後端您可以用Asp.Net,也可以使用非微軟的技術如: Ruby on Rails 或者Php 等,但是前端瀏覽器的Html5開發完全可以使用Visual Studio 來開發,如果您已經習慣了Visual Studio,那麼開發效率應該比用DreamWeaver還高。
Html5現在發展的怎麼樣了?
Html5現在發展的怎麼樣了?好像大家都在討論Html5,Html5究竟怎麼樣,它的技術成熟了嗎? 看下Html5 的Hype Cycle:
根據Gartner.com 最近一次的預測: http://www.gartner.com/newsroom/id/2124315 Html5 已經進入了 Peak of Inflated Expectations 時期,並且會在未來的5年到10年到達頂峰,會被普及和廣泛使用。但是 readwrite.com http://readwrite.com/2012/08/21/html5-ready-for-prime-time-dont-believe-the-hype-cycle#awesm=~o9aJlLEaErFB2K 說Html5應用會在數月內普及,看來Html5快要成為必備技術了。
使用Visual Studio 的Html5 模版,可以非常方便的建立一個Html5 Website, 只是簡單的點幾下,一個Html5的Website就建好了。
在Visual Studio 2012裡的New Project下搜尋關鍵字html5:
會出現:Html5Client 和Html5 MVC4 Razor Responsive Web Template 這兩個工程模版。這兩個工程模版非常棒,可以幫你快速生成Html5 的 Website.
Html5Client 工程模版
Html5Client 工程建立好以後,可以看到工程沒有引用 .Net的dll,只有必要的頁面,JavaScript,和圖片,都是前端瀏覽器需要的東西:
Scripts 包含了一些常用庫,如jQuery, bootstrap, knockout, modernizr, … 類似bootstrap,示例的幾個頁面也把常用的頁面元素給列出來了:
在這個工程基礎上,您可以開始裁剪,開始您自己的Html5Client工程了。
Html5 MVC4 Razor Responsive Web Template
Html5 MVC4 Razor Responsive Web Template 工程模版不同於Html5Client模版,這個模版加入了.Net的後端示例程式碼,可以快速搭起一個Asp.Net MVC4的響應式Website,其實這個模版是在原有的 MVC4 Razor工程模版基礎之上,加入了Html5的響應式設計。
這個模版內建了jQuery mobile 庫,同時為頁面設計了Phone的View 和 Tablet 的View.
當開發Html5 Website時,使用Visual Studio 的這兩個工程模版,搭建專案開始開發工作,應該會為您節約些時間,提高效率吧。
相關文章
- 【譯】使用 .NET Aspire 和 Visual Studio 開發雲原生應用
- 使用VisualStudio2012開發Html5應用HTML
- 【實驗手冊】使用Visual Studio Code 開發.NET Core應用程式
- 在Visual Studio 2012中使用VMSDK開發領域特定語言(二)
- 如何使用Visual Studio Code除錯PHP CLI應用和Web應用除錯PHPWeb
- 使用Visual Studio 2022開發前端前端
- 【HTML5】Android應用開發新路線(用HTML5開發Android應用)HTMLAndroid
- 用 Visual Studio Code 做基於 .NET MAUI 跨平臺移動應用開發UI
- 使用 SAP Business Application Studio 開發 Vue 應用APPVue
- Visual Studio 開發彙編程式
- 使用Visual Studio 2015開發Android 程式Android
- 微軟開發工具 Visual Studio 官網微軟
- 使用 Visual Studio 2005 Team System 管理開發過程
- 併發程式設計-10.使用 Visual Studio 除錯多執行緒應用程式程式設計除錯執行緒
- Apworks框架實戰(四):使用Visual Studio開發面向經典分層架構的應用程式:從EasyMemo案例開始框架架構
- visual studio 2012 has stopped working
- Visual Studio 2012控制元件秀控制元件
- HTML5遊戲開發(三):使用webpack構建TypeScript應用HTML遊戲開發WebTypeScript
- 驅動開發:配置Visual Studio驅動開發環境開發環境
- 使用Visual Studio分析dump
- 《HTML5多媒體應用開發》——1.2 HTML5的發展HTML
- Visual Studio 2005 如何建立“Web 應用程式”Web
- docker4dotnet #3 在macOS上使用Visual Studio Code和Docker開發asp.net core和mysql應用DockerMacASP.NETMySql
- 《Visual Studio 2017 Web 開發》截圖Web
- 在Visual Studio Code配置GoLang開發環境Golang開發環境
- 開發軟體設計模型 visual studio UML模型
- Visual Studio “14”中的Web開發新技巧Web
- Visual Studio “14″中的Web開發新技巧Web
- 11個移動應用開發的HTML5框架和應用HTML框架
- 《iOS應用開發指南——使用HTML5、CSS3和JavaScript》——1.3 移動應用程式≠桌面應用程式iOSHTMLCSSS3JavaScript
- Visual Studio - Now with Go support,你會用 Visual Studio來寫go嗎?Go
- Visual Studio Code 使用筆記筆記
- Visual Studio Code 使用指南
- Visual Studio Code 使用心得
- 使用Visual Studio分析.NET Dump
- Visual Studio 使用GIT詳解Git
- 鴻蒙應用開發-DevEco Studio 模板體驗(一)鴻蒙dev
- 鴻蒙應用開發-DevEco Studio 模板體驗(三)鴻蒙dev