ASP.NET Core & Vue.js Starter Application using MySql

ASP.NET Core and Vue.JS (Vue) using MySql Databae - with Webpack (with HMR), Web API, Vuex state manangement, Entity Framework and Repository Pattern.

Features

• ASP.NET Core 2.1
  • Web API
  • Entity Framework
  • Repository Pattern
• VueJS 2
  • Vuex (State Store)
• Json Web Token (JWT)
• Webpack
  • HMR (Hot Module Replacement/Reloading)
• Bootstrap 3
• MySql Database

Prerequisites:

• .Net Core 2.1
• NodeJS >= 10.x
• VSCode (ideally), or VS2019
• MySql 5.7

Installation:

Download -OR- Clone this Repo

• Clone this repository : $ git clone https://github.com/harendra1993/vue-dotnetcore-mysql.git
• $ cd vue-dotnetcore-mysql/
• $ npm i --prefix src/VueDotNetCoreMySql.App/ && dotnet restore
• (If using VSCode) $ code .
• (If using Visual Studio) Open the *.sln file with "Open project" from Visual Studio IDE

Now you can open the project via Visual Studio or VSCode, press F5 to run the application!

Note:

• This will automatically run dotnet restore
• (Official documentation)

Start the application:

You have two choices when it come at how your preffer to run it. You can either use the command line or the build-in run command.

1. Using the command line

Run the application using dotnet run or npm run dev

• note dotnet run should be run in Development environment for hot reloading. This setting can be set either within the command line or via the launchSettings.json available in the Properties folder.

2. Using the built-in run command

Run the application in VSCode or Visual Studio 2019 by hitting F5.

View your application running

When running the app using debug menu or F5 VS open auto the app in the browser;

Database Migrations.

• Nevigate to Data Project Directory cd src/VueDotNetCoreMySql.Data
• Run migration scripts dotnet ef migrations add InitialCreate --startup-project ../VueDotNetCoreMySql.App/
• Update the Database dotnet ef database update --startup-project ../VueDotNetCoreMySql.App/
• (Checkout more migration commands)