Getting Started with Vue.js in .NET Core

Beginner tutorial on using Vue.js with .NET Core and Razor Pages in Visual Studio

Prerequisites

You will need to have Node and NPM installed.

Usage

Open Command Prompt, clone this repo and cd into the project to install JavaScript dependencies

git clone https://github.com/esausilva/vuejs-aptnet-core.git
cd vuejs-aptnet-core\netcore-vuejs
npm i

Note: Since this project is using gulp-sass and the latest version is not compatible with Node 10.x because it depends on an older version of node-sass. If you have Node 10.x installed, you will have to update node-sass dependency in gulp-sass directory.

In Command Prompt, type the following from the root of the project

cd netcore-vuejs\node_modules\gulp-sass
npm i node-sass@latest

If you are running Node 11 or greater, you will need to install natives. This is because Gulp breaks with Node 11 and this is the fix. See this issue for more info.

npm i [email protected]

After installing dependencies, double click netcore-vuejs.sln to open the project in Visual Studio.

Tutorial

Follow the tutorial: https://blog.bitsrc.io/getting-started-with-vue-js-in-net-core-using-visual-studio-efbb43703630

Giving Back

If you would like to support my work and the time I put in making tutorials, you can click the image below to get me a coffee. I would really appreciate it (but is not required).

-Esau