aspnetcore Vue starter

asp.net core＆vue.js入門者

ASP.NET Core和Vue.js（VUE）的入門模板 - 使用WebPack（帶有HMR），Web API，Vuex State Manangement和其他最佳實踐烤製！

用ES6編寫的打字稿版本即將推出！

---

由trilon.io製成的❤️

---

目錄

• 特徵
• 先決條件
• 安裝
• 額外
• 執照
• Trilon -Vuejs＆ASP.NET諮詢與培訓

特徵

• ASP.NET核心2.2
  • Web API
• Vuejs 2
  • Vuex（State Store）
• webpack
  • HMR（熱模塊更換/重新加載）
• 引導4

先決條件：

• .NET Core 2.2
• nodejs> = 10.x
• VSCODE（理想情況下）或VS2017

安裝：

Nuget | dotnet模板

通過Nuget軟件包管理器在Visual Studio中或此處查找模板

或通過dotnet模板下載

 // Make a directory where you want the project
mkdir my - vue - starter && cd my - vue - starter

// Download the dotnet template
dotnet new - i aspnetcore - vuejs

// Run and install the template
dotnet new vuejs

// Make sure you install the dependencies
npm install

現在，您可以通過Visual Studio或Vscode打開項目，按F5運行該應用程序！

筆記：

• 除非您使用dotnet new vuejs --skipRestore安裝，否則這將自動運行dotnet restore
• （官方文件）
  • 除非您使用dotnet new vuejs --skipRestore安裝，否則這將自動運行dotnet restore

- 或克隆這個回購本身

• 克隆此存儲庫： $ git clone https://github.com/MarkPieszak/aspnetcore-Vue-starter.git VueWeb
• $ cd VueWeb/content
• $ dotnet restore && npm install
• （如果使用VSCODE） $ code .
• （如果使用Visual Studio）打開Visual Studio IDE的“打開項目”的*.sln文件

啟動應用程序：

當它如何運行它時，您有兩種選擇。您可以使用命令行或Build-In-In Run命令。

1。使用命令行

使用npm run dev運行應用程序。

2。使用內置運行命令

通過擊中F5 ，在VSCODE或Visual Studio 2017中運行該應用程序。

查看您的應用程序運行

使用調試菜單或F5 vs vs Auto在瀏覽器中打開應用程序時；

---

應用程序的演示

---

推薦用於調試Vuejs的插件

• 在這裡獲取Vuejs的Chrome Devtools

---

找到一個錯誤？想貢獻嗎？

沒有什麼是完美的，但是請通過創建一個問題讓我知道（確保還沒有現有問題），我們將嘗試為此解決一個問題！如果您有任何好主意或想做出貢獻，請隨意對該提案提出問題，或者只是從叉子中造成公關。請注意，該項目與貢獻者盟約行為守則一起發布。通過參加該項目，您同意遵守其條款。

---

尋找ASP.NET Core＆Angular 7.x+通用啟動器？點擊這裡

---

執照

版權（C）2016-2019 Mark Pieszak

---

Trilon -Vue，ASP.NET，Nodejs-諮詢|培訓|發展

查看Trilon.io以獲取更多信息！

通過[email protected]與我們聯繫，讓我們談談您的項目需求。

在線關注Trilon：

Twitter：@trilon_io