Enhancing ASP.Net with Vue.JS

A simple project demonstrating Vue.js component integration with ASP.Net Razor pages.

Build ASP.Net Application

If you don't have the .Net Core CLI installed, download it here.

# install npm dependencies
npm install

# install ASP.Net dependencies
dotnet restore

# build and run project on local server
dotnet run

The Vue.js components are located in the src directory at the root of the project.

The project is designed to build the ASP.Net project as well as the Vue.js project simultaniously with the dotnet run command.

The code for running the npm command can be found at the bottom of the AspNet-Vue-Demo.csproj file.

The command below can be run to build the Vue.js components independantly and is safe to run while the ASP.Net project is running.

Build Vue.js Components and Bundle JS

# build for production with minification
npm run build