2014年5月30日 星期五

在 Visual Stuidio 2012 開發 ASP.NET MVC 5 專案

當 Visual Studio 2013 出來之後,我手上的專案大多數當已經轉到 VS2013 裡進行開發,反而 VS2012 就很少會開啟,除了下載一些 OpenSource 或範例專案會使用 VS2012 開啟,所以我不曾在 VS2012 裡去建立 ASP.NET MVC 5 的專案,今天有人向我問起這個問題,當下我是愣了一下,因為不曾這樣作過,所以這一篇就來說明怎麼在 VS2012 下建立 ASP.NET MVC 5 專案。

 


要讓 Visual Studio 2012 可以建立並開發 ASP.NET MVC 5 專案,必須要下載並安裝「ASP.NET and Web Tools 2013.1 for Visual Studio 2012」,下載的位置如下:

https://www.microsoft.com/web/handlers/webpi.ashx/getinstaller/WebNode11Pack.appids

下載 WebNode11Pack.appids 完成後並點擊檔案,會開啟 Web Platform Installer 來安裝,

SNAGHTMLe090599

 

或是直接透過 Web Platform Installer 安裝也可以,可使用「ASP.NET and Web Tools 2013.1 for Visual Studio 2012」來做搜尋,

SNAGHTMLe081bf4

 

下載並安裝「ASP.NET and Web Tools 2013.1 for Visual Studio 2012」

SNAGHTMLe0b7ec7

 

安裝完成之後再重新開啟 Visual Studio 2012,選擇「新增專案」,然後因為 ASP.NET MVC 5 必須要使用 .NET Framework 4.5 以上的版本,所以使用 .NET Framework 4 是不會看到 ASP.NET MVC 5 的專案範本,

image

image

 

ASP.NET MVC 5 專案 @ Visual Studio 2012

image

因為是空白專案,所以只有殼而已,裡面的肉跟骨架就要自己來,相當適合從無到有的專案建立與開發。

SNAGHTMLe4daa2b

 

Extended Template for ASP.NET MVC 5 from Visual Studio 2012

如果你還是想在 VS2012 裡所開發的 ASP.NET MVC 5 專案範本是跟 VS2013 的一樣的話,可以使用 Jose M. Aguilar 所建立的範本,文章連結如下:

Extended Template for ASP.NET MVC 5 from Visual Studio 2012 -  campus MVP.net - Jose M. Aguilar

將文章裡所提供的專案範本下載到電腦裡,然後將壓縮檔的內容解壓縮後複製到以下的路徑,

%USERPROFILE%\Documents\Visual Studio 2012\Templates\ProjectTemplates\Visual C#\Web

簡單說就是「文件」資料夾裡的 Visual Studio 2012 目錄,如下:

C:\Users\使用者名稱\Documents\Visual Studio 2012\Templates\ProjectTemplates\Visual C#\Web

image

 

重新開啟 Visual Studio 2012 之後,新增專案,在 Visual C# \ Web 下就可以看到剛才所加入的 ASP.NET MVC 5 Internet Application (for Visual Studio 2012),

SNAGHTMLe31b157

使用「ASP.NET MVC 5 Internet Application (for Visual Studio 2012)」之後還不要馬上就執行,因為 NuGet 套件並沒有跟著下載安裝,所以要先開啟 NuGet 管理視窗然後進行套件還原,

SNAGHTMLe34cbe5

套件還原完成之後再進行方案重新建置,完成之後就可以執行專案,

SNAGHTMLe390e98

 


參考連結

Announcing release of ASP.NET and Web Tools 2013.1 for Visual Studio 2012 - .NET Web Development and Tools Blog - Site Home - MSDN Blogs

Using ASP.NET MVC5 within Visual Studio 2012 - CodeProject

Extended Template for ASP.NET MVC 5 from Visual Studio 2012 -  campus MVP.net - Jose M. Aguilar

 

以上

沒有留言:

張貼留言

提醒

千萬不要使用 Google Talk (Hangouts) 或 Facebook 及時通訊與我聯繫、提問,因為會掉訊息甚至我是過了好幾天之後才發現到你曾經傳給我訊息過,請多多使用「詢問與建議」(在左邊,就在左邊),另外比較深入的問題討論,或是有牽涉到你實作程式碼的內容,不適合在留言板裡留言討論,請務必使用「詢問與建議」功能(可以夾帶檔案),謝謝。