使用VS Code開發.Net Core 2.0 MVC Web應用程式教程之一

標籤：ogr   快捷   com   輸入   web   web應用   net   ycm   uil   

好吧，現在我們假設你已經安裝好了VS Code開發工具、.Net Core 2.0預覽版的SDK dotnet-sdk-2.0.0（注意自己的作業系統），並且已經為VS Code安裝好了C#擴充（在VS Code的擴充菜單中輸入OmniSharp，安裝擴充即可）

一、我們先在我們的電腦硬碟的某個神奇的目錄下建立一個檔案夾。我把這個地方選在D:\WorkTest下，建立的檔案夾名稱為MyCMS。注意，這一步不是在VS Code中完成的，貌似VS Code中不能建立檔案夾。

二、在VS Code開發環境中，選擇  檔案->開啟檔案夾，然後選擇我們剛剛建立的那個神奇的檔案夾MyCMS開啟

三、選擇 查看->整合終端 命令或直接摁下快速鍵Ctrl+`，VS Code開發環境中會出現一個很厲害的工具。為什麼說它厲害呢？因為我們在這裡輸入一些神奇的命令，我們的項目中會發生一些神奇的現象。比如我接下來在整合終端中輸入命令dotnet new sln -n MyCMS，在我們的MyCMS檔案夾下會出現一個解決方案MyCMS.sln。如：

四、接下來，我們再在整合終端中輸入dotnet new mvc -n MyCMS.Web，經過VS Code一陣的掙紮和折騰，我們會發現左邊的檔案清單中多了一個叫MyCMS.Web的MVC項目。如：

五、好啦，下邊我們來嘗試摁下F5鍵後會發生什麼吧？哈哈……有點失望，程式沒有直接運行。而是出現了下邊這樣一個鬼東西。好吧，我們選擇.NET Core

六、再次使勁摁下F5，咦，我去，出來一個launch.json，如：

 

七、看來這東西還是跑不起來，那要不咱們先把它產生一下？好，如，在整合終端中輸入命令dotnet build MyCMS.Web命令，斷行符號，完事後成成了一個東西在Debug下邊。好了，我們把這段產生的東西放在launch.json的.NET Core Launch (web)配置項的program中，然後順便改一下下邊那個cwd。完事後看起來效果是下邊這樣子的：

八、點擊左邊的那個小蟲子，VS Code中的左側會出現中的情況，選擇.NET Core Launch (web)，再次摁下F5，還是不行，而且，它告送我們下邊還要弄個什麼鬼東西：

九、點擊“配置任務運行程式”，自動產生了下邊這個配置json檔案：

 

 

十、好了，我們現在配置一下這個新產生的task.json吧。也就是在tasks配置項中添加如下內容，指定一下任務在build時的直接命令對象。${workspaceRoot}的意思就是你項目的根目錄，別寫成絕對路徑啊，不然回頭你項目發布後找不到東西別怪我。

"options": {                "cwd": "${workspaceRoot}/MyCMS.Web"            } 配置好後，效果如下：  十一、這一次我們再來使勁的摁下F5鍵-------------神奇的事情發生了，一個已經初具規模的.Net Core MVC網站出現在我們眼前。是不是覺得自己很厲害？哈哈，好啦，開玩笑的，這網站也就看看效果，回頭我們實際開發項目的時候啊，這裡面的東西基本上會被刪得一乾二淨，剩下個空殼子。如：  十二、後記：這裡面有很多東西我也不知道啥意思，反正我折騰了老久才把項目跑起來了，比在visual studio 2017中開發麻煩多了。不過，就這樣吧，以後慢慢地折騰多了，你和我也就懂了。不怕，啊！

使用VS Code開發.Net Core 2.0 MVC Web應用程式教程之一