How to add Vue.js to an existing ASP .NET Core 2.0 MVC project?

Question

Basically I want to add Vuejs (newest) to already existing ASP .NET Core 2.0 MVC project and then return Views from endpoints like /test, where those Views are using Vue scripts from wwwroot/js

So far I tried:

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

dotnet new vue

But I'd really want to have an empty project, as minimal amount of "js-not-wrtten-by-me" in project.

Thanks in advance.

PS: If I want to create content dynamically, then using endpoints via Controller isn't proper way to do that?

sirwan.info/archive/2018/05/28/TypeScript-and-Vue.js

Sirwan Afifi
– Sirwan Afifi

2018-08-02 12:00:54 +00:00
Commented Aug 2, 2018 at 12:00 — Sirwan Afifi
– Sirwan Afifi, Commented Aug 2, 2018 at 12:00

Danijel · Accepted Answer · 2019-07-18 12:03:12Z

4

I use the new Vue cli 3 to scaffold a project inside .NET core solution. You can, for instance, put it inside a ClientApp folder. You will see something like this also with .NET spa templates. Once created, change the output of the files to build files to the wwwroot folder. Once there, you reference those files in your .cshtml page and you're all done.

I was writing my own webpack configuration and set up before but the new Vue cli makes all this not really worth it anymore.

EDIT: For everyone building multi-page applications and not SPA's, you can also take a look at the following example.

GitHub: https://github.com/danijelh/aspnetcore-vue-typescript-template

edited Jul 18, 2019 at 12:03

answered Sep 4, 2018 at 19:09

Danijel

1,1858 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ricardo Reynoso · Accepted Answer · 2019-03-17 14:43:20Z

0

Use LibMan, download libraries similar to npm, but is written in C#.

answered Mar 17, 2019 at 14:43

Ricardo Reynoso

11 bronze badge

Collectives™ on Stack Overflow

How to add Vue.js to an existing ASP .NET Core 2.0 MVC project?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related