Category Archives: .net core

ASP.net Core SPA Single Page Application Template Generator with angular, aurelia, knockout, react

最近開始學 Angular 4 / React
但是不知道怎樣開始
如果只是React / Angular 的 CLI 來產生他們的 Project Template 的話 自己便要再起一個Node JS 的backend 來serve data 了

安裝方法:
我們可以在Command prompt 執行以下指令

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

之後便可以執行以下指令 去看看有什麼 Template 可以使用

dotnet new

dotnet new
建立一個新資料夾之後進入這資料夾執行
以下指令到 建立你的 angular SPA site with Dotnet core backend

dotnet new angular

完成後可以執行以下指令到run 這個project

dotnet restore 
npm install
dotnet run

hope you find it useful

Enable dotnet watch – on asp.net core

最近開始學習 .Net CoreASP.Net Core
發現現在.net 越來越方便了
之前開發 asp.net 的 web application 時每當要更改程式碼 時
都有需要停止 debug之後更重新開始debug..
感覺開發.net application 需要的時間比較長
不像使用 node.js一樣..可以使用 gulpgrunt 來檢查程式碼有沒有更新
如果有的話便會re-compile 等等
之後只要refresh browser便會自看到程式碼所做的更新

現在.net core 也有這個功能叫 “dotnet watch
我們只需要在”.csproj” 上的 “<ItemGroup>” tag 內加上以下的 setting
e.g.

  &lt;ItemGroup&gt;
    &lt;DotNetCliToolReference Include="Microsoft.DotNet.Watcher.Tools" Version="1.0.0" /&gt;
    &lt;DotNetCliToolReference Include="Microsoft.Extensions.SecretManager.Tools" Version="1.0.0" /&gt;
    &lt;DotNetCliToolReference Include="Microsoft.Extensions.Caching.SqlConfig.Tools" Version="1.0.0" /&gt;
  &lt;/ItemGroup&gt;

之後在這個project 的資料夾的 執行

dotnet restore

之後便可以 在 CLI上執行

dotnet watch run

hope you find it useful