Overview

The aspnetcore-vuejs-template is a template designed for creating Vue JS applications with Asp.Net Core 3.1 Web API. It provides a convenient and streamlined way to combine these two technologies. The template is available as a Nuget package and is released under the MIT License.

Features

• ASP.NET Core 3.1 Web API: The template includes support for creating a web API using ASP.NET Core 3.1.
• VueCliMiddleware 3.1.1: This middleware allows seamless integration between Vue JS and Asp.Net Core, enabling the Vue.js application to be served from within the ASP.NET Core application.
• Vue: The template includes Vue JS, a popular JavaScript framework for building user interfaces.
• Vuex: Vuex is a state management pattern and library for Vue JS applications. It is included in the template to help manage the application’s state.
• Vuetify: Vuetify is a Material Design component framework for Vue JS. It provides pre-made UI components that can be easily used in the application.
• Router: The template includes Vue Router, which allows for client-side routing in the application.

Installation

To get started with the aspnetcore-vuejs-template, you need to have the following prerequisites installed on your machine:

• .NET Core >= 3.1
• NodeJS >= 8.9
• Vue CLI >= 4.0

Once you have these prerequisites installed, you can follow these steps to install and use the template:

1. Open a command prompt or terminal window.
2. Run the following command to download the template via dotnet templates:

dotnet new -i aspnetcore-vuejs-template

3. Once the template is downloaded, you can create a new project using the template with the following command:

dotnet new vuejs

4. Change to the project directory and run the application:

cd [project_name]
dotnet run

5. Open your web browser and navigate to the URL provided by the application to see it in action.

Summary

The aspnetcore-vuejs-template is a useful tool for developers who want to combine Vue JS and Asp.Net Core 3.1 Web API in their projects. It provides a range of features such as support for ASP.NET Core web API, Vue Cli Middleware, Vue, Vuex, Vuetify, and Vue Router. With a straightforward installation process, developers can quickly get started with building applications that leverage both technologies.