使用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,安裝擴展便可)html

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

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

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

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。完過後看起來效果是下邊這樣子的:ui

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

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

 

 

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

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