Cash Wu Geek | asp net core mvc vue
Published2018-12-1911:30把Vue整合到ASP.NETCoreMVC的專案裡面,執行.NETCore的時候就可以把Vue給叫起來,不用在下前端的指令 >ASP.NETCoreMVC2.2 >VueCLI3.0.3 ##建立ASP.NETCoreMVC專案 ```shell dotnetnewwebapi-ocorevue ``` ![](/images/notfound.png) >這是用`web`或是`webapi`,在.NETCore基本上是沒有什麼差別的 ##建立Vue專案 -因為這裡是建立在同一個資料夾,所以Vue會問你說資料夾已經存在,你要怎麼處理,記得一定要選`Merge` ...
Published 2018-12-19 11:30
把 Vue 整合到 ASP.NET Core MVC 的專案裡面,執行 .NET Core 的時候就可以把 Vue 給叫起來,不用在下前端的指令 > ASP.NET Core MVC 2.2 > Vue CLI 3.0.3 ## 建立 ASP.NET Core MVC 專案 ```shell dotnet new webapi -o corevue ``` ![](/images/notfound.png) > 這是用 `web` 或是 `webapi`,在 .NET Core 基本上是沒有什麼差別的 ## 建立 Vue 專案 - 因為這裡是建立在同一個資料夾,所以 Vue 會問你說資料夾已經存在,你要怎麼處理,記得一定要選 `Merge` ```shell vue core corevue ``` ![](/images/notfound.png) - 使用預設值建立就好 ![](/images/notfound.png) ![](/images/notfound.png) ## 安裝 Webpack 套件 - 這裡整合會使用到 Webpack 的 `HMR` 技術,所以需要安裝套件 ```shell cd corevue npm install -D aspnet-webpack webpack-hot-middleware ``` ## 新增 vue.config.js - 因為我們用的是 ASP.NET HMR 的整合,不是使用原生的,所以把 output 指回到 ASP.NET Core 的 `wwwroot` 資料夾,並且移除原本的 `hmr` ``...