Vue.Js and ASP.NET playground

Playground with VueJS and ASP.NET Core to understand, how Vue.js works and how to leverage it in combination with ASP.NET Core.

Technology used

The solution use the following technology:

• Bootstrap CSS for design.
• ASP.NET as a technology to provide UI and code to call the API's.
• Vue.js the progressive and versatile framework for building user interfaces.
• Vuetify Vue Component Framework

Setup required

If you will be working on your local machines, you will need to have:

1. Powershell installed
2. git installed - instructions step by step here
3. .NET installed to run the application if you want to run it locally
4. Node.js installed for leveraging NPM to install Vue.js (package managers are recommended like pnpm)
5. You can use Vue via CDN endpoint.
6. an editor (besides notepad) to see and work with code, scripts and more (for example Visual Studio Code or NeoVim or Jetbrains IDE)

There are different ways to install Vue.js, the easiest is adding reference to CDN via script tag:

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

Solutions and wireframes

To help with specific tasks, following pages and wireframes are available:

Additional information

You can read about different techniques and options here:

1. Made with Vue.js
2. Wireframes for Vuetify

Contributing

This project welcomes contributions and suggestions.