(轉) 一步一步學習ASP.NET 5 (二)- 通過命令列和sublime建立專案

北京的201個藍天發表於2015-03-18

轉發:微軟MVP 盧建暉 的文章,希望對大家有幫助。

注:昨天轉發之後很多朋友指出了vNext的命名問題,原文作者已經做出了修改,後面的標題都適用 asp.net 5這個名稱。


 編者語 : 昨天發了第一篇文章,再次謝謝大家給的意見和反饋,這裡說明因為現在ASP.NET 5還在beta階段,很多的不確定性,我會不斷修正,說不定正式版本也會有改,這裡我還是要吐槽微軟改名字....我尊重算了。


       今天跟大家說說如何建立你的ASP.NET 5專案。或者用慣了Visual Studio 的模版(如下圖),對於你來說就是隨時可得。但是現在我更喜歡通過命令列指令碼生成ASP.NET 5的專案,配合Sublime去完成所有的編碼工作。(本人嘛果粉,所以呢文章都會在Mac上完成,呵呵不用擔心,在Windows/Linux 上原理也是一樣)

       

       假設你已經看過第一篇文章(一步一步學習ASP.NET 5 (一)-基本概念和環境配置)的指引配置好了ASP.NET 5的環境,接下來就開始建立專案。如果你是在Mac/Linux/Windows上如果希望通過命令列建立ASP.NET專案,你可以安裝Yeoman。

       什麼是Yeoman? (點選進入官網)
       
       Yeoman是Google的團隊和外部貢獻者團隊合作開發的,他的目標是通過Grunt(一個用於開發任務自動化的命令列工具)和Bower(一個HTML、CSS、Javascript和圖片等前端資源的包管理器)的包裝為開發者建立一個易用的工作流。Yeoman主要有三部分組成:yo(腳手架工具)、grunt(構建工具)、bower(包管理器)。這三個工具是分別獨立開發的,但是需要配合使用,來實現我們高效的工作流模式。除了解決工作流模式,還解決了專案中包和包之間的依賴關係。看看下圖你就明白這三大模組是如何工作的了。

        

         在Mac上配置Yeoman,前提是你必須配置好node.js還有npm。安裝檔案大家可以去對應的官網下載。

         通過以下命令列安裝Yeoman

         npm install -g yo  //通過npm安裝Yeoman

 

       npm install -g generator-aspnet //安裝Yeoman 支援的開發模版,這裡就是安裝ASP.NET 5 的模版支援

         完成上述兩個步驟後,你就可以通過命令列的方式構建ASP.NET 5 專案了。

       開啟命令列在Mac上當然是ComandLine / Windows 就是cmd , 之後輸入yo aspnet, 就會見到下圖所示的幾個專案

       
       呵呵除了有傳統的5件套(Empty/Console/Web/WebAPI/ClassLibrary)外,還有衣哥最愛Nancy。接著你只需要移動游標上下按鍵就可以選擇你所需要的。說句實話,通過命令列建立專案,B格提升快。

       我這裡以建立一個Web Application 為例,游標選擇Web Application 按回車,它會問你專案名字,你輸入好就可以建立專案了(如下圖)
       

       接著你可以通過輸入3條命令去編譯,執行你的Web Application專案

       1. kpm restore就還原你的專案所需要的包及其依賴關係 

       2. kpm build重新編譯

       3. k kestrel / k web 在本地執行你的Web專案,這裡注意kestrel是針對Mac/Linux 平臺,web在Windows 平臺上。

       這三條命令,正好回顧了昨天那四個K。呵呵算了叫DN吧。

       

       命令列終歸是命令列,當你需要對專案進行編輯,特別是非Windows平臺的情況下,你還是需要一個IDE,  我這裡還是推薦Sublime.你也可以用Vim,這個就看個人喜好了。


         Sublime Text 開發ASP.NET 5環境配置

         當然你需要一個Sublime這個買也不算貴,一次購買多個平臺,對於需要工作不會差那麼點錢。Sublime Text的優點是外掛比較多,如果你需要安裝就必須先安裝好Package Control Plugin ,因為這個是必須的。等於一個外掛支援。具體參考這個(點選開啟連結)

       安裝成功後你就可以通過Package Control 去安裝ASP.NET 5的支援,這裡真的感謝開源. 這個包叫做Kulture .安裝步驟也不細說了,按照這個連結進去一步步來就是了(點選開啟連結),重啟Sublime後,把專案資料夾拉進Sublime你就可以通過Mac上Cmd+Shit+P/Windows上Ctrl+Shit+P,之後選擇Run K Command 呼叫Kulture去編譯執行你的ASP.NET 5專案了。

        

       你會懷念Visual Studio 的智慧提示,當然Sublime也會有對應的外掛-Omnisharp (點選開啟連結) 。好了通過Sublime+Kulture + Omnisharp 這樣就搭載好清亮級的ASP.NET 5執行環境可以輕輕鬆鬆地在Sublime下完成你的工作.

        今天說到這裡,謝謝大家!明天會說說ASP.NET 5的基本架構,當然也希望大家給我及時的反饋。謝謝!

原文地址:http://blog.csdn.net/kinfey/article/details/44340545

相關文章