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

原文: 使用VS Code開發.Net Core 2.0 MVC Web應用程序教程之一

好吧，如今咱們假設你已經安裝好了VS Code開發工具、.Net Core 2.0預覽版的SDK dotnet-sdk-2.0.0（注意本身的操做系統），而且已經爲VS Code安裝好了C#擴展（在VS Code的擴展菜單中輸入OmniSharp，安裝擴展便可）

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

2、在VS Code開發環境中，選擇  文件->打開文件夾，而後選擇咱們剛剛建立的那個神奇的文件夾MyCMS打開

3、選擇 查看->集成終端 命令或直接摁下快捷鍵Ctrl+`，VS Code開發環境中會出現一個很厲害的工具。爲何說它厲害呢？由於咱們在這裏輸入一些神奇的命令，咱們的項目中會發生一些神奇的現象。好比我接下來在集成終端中輸入命令dotnet new sln -n MyCMS，在咱們的MyCMS文件夾下會出現一個解決方案MyCMS.sln。以下圖：

4、接下來，咱們再在集成終端中輸入dotnet new mvc -n MyCMS.Web，通過VS Code一陣的掙扎和折騰，咱們會發現左邊的文件列表中多了一個叫MyCMS.Web的MVC項目。以下圖：

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

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

 

7、看來這東西仍是跑不起來，那要不我們先把它生成一下？好，如上圖，在集成終端中輸入命令dotnet build MyCMS.Web命令，回車，完過後成成了一個東西在Debug下邊。好了，咱們把這段生成的東西放在launch.json的.NET Core Launch (web)配置項的program中，而後順便改一下下邊那個cwd。完過後看起來效果是下邊這樣子的：

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

9、點擊「配置任務運行程序」，自動生成了下邊這個配置json文件：

 

 

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

"options": {

                "cwd": "${workspaceRoot}/MyCMS.Web"

            }

 

配置好後，效果以下：

 

 

11、這一次咱們再來使勁的摁下F5鍵-------------神奇的事情發生了，一個已經初具規模的.Net Core MVC網站出如今咱們眼前。是否是以爲本身很厲害？哈哈，好啦，開玩笑的，這網站也就看看效果，回頭咱們實際開發項目的時候啊，這裏面的東西基本上會被刪得一乾二淨，剩下個空殼子。以下圖：

 

 

12、後記：這裏面有不少東西我也不知道啥意思，反正我折騰了老久才把項目跑起來了，比在visual studio 2017中開發麻煩多了。不過，就這樣吧，之後慢慢地折騰多了，你和我也就懂了。不怕，啊！