我很快會重寫一篇dotnetCore啟動vue的文章，可以直接用vue-cli的結構放在dotnetCore裡面，就不用痛苦的.vue.html了

      由於某些原因，需要通過dotnetCore來啟動Vue專案，而不是平時用Vue-cli來建立Vue專案。從網上找了一些資料，踩了些坑，做了一些整理。如果有哪裡說的不對或者不全的，大家告訴我，我會及時修改。
      這一篇文章是針對有外網的人寫的，如果只有內網，沒有外網，也是可以解決的，我會在下一篇中專門說一下內網如何用dotnetCore建立一個Vue專案。

準備工作

• vs code或者vs 2017
• node
• dotnet 下載地址

安裝dotnet及Microsoft.AspNetCore.SpaTemplates

      dotnet安裝完成以後 用命令列dotnet -v 可以執行的話，則安裝成功。
     開啟cmd 輸入dotnet new --install Microsoft.AspNetCore.SpaTemplates::*完成Microsoft.AspNetCore.SpaTemplates的安裝。
      這個是線上安裝，還有可以離線安裝，我以後會再寫一篇離線安裝的文章，來解決沒有外網只有內網的情況下的安裝問題。
離線安裝方法： 點選此連結跳轉

建立專案

• 先建立一個專案資料夾
• 到建立的資料夾中，cmd dotnet new vue
  。若提示還原成功，再cmddotnet restore,專案才建立完畢。
• 在根目錄cmd執行npm install，下載依賴。
• 通過vs code或者vs 2017開啟專案。

專案目錄

有別於通過vue-cli建立的目錄，通過dotnetCore建立的專案略有不同。

原始碼目錄結構

與通過vue-cli建立的專案不同的是，dotnetCore建立完成以後，是xxx.vue.html，並且把js和css部分單獨拿了出來，js用的是ts。不過寫法還是一樣的。

• app.vue.html內容:
  

index.html

至於index.html在哪裡呢，我們看到有個views目錄，index.html就在這裡，不過名字也有變化，變成了index.cshtml。

dist目錄結構

dist檔案放在wwwroot目錄下就可以直接使用了

執行專案

根目錄下 cmd輸入dotnet run啟動專案， 預設是生產模式：

第一行顯示生產模式，也就是執行的dist下的檔案，對原碼做修改是沒反應的。
我們想要改成開發模式的話，也很簡單，只需要改變環境變數，在cmd中輸入setx ASPNETCORE_ENVIRONMENT "Development"就可以。

改完以後要注意啦，這裡有個坑！ 需要把剛才啟動dotnet的cmd.exe和這個改變環境變數的cmd.exe視窗都關掉，環境變數才起作用。
如果不關閉這兩個cmd，即使你檢視環境變數已經是Development，啟動dotnet run依然會發現還是Production。
參考文章：net Core建立vuejs應用
Modern Web Development using ASP.NET Core template, Vue.js and Webpack