Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Vue.js template in dotnet core: discontinued?

Some weeks ago, I followed this tutorial to get started with dotnet core + vue.js.

The steps to install the template were:


Install the SPA (Single Page Application) templates provided by Microsoft:

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

To get started and create a new Vue project, simply run the following commands on the console:

mkdir new-project
cd new-project
dotnet new vue

It worked perfectly (I repeat: that was some weeks ago).

Now I've repeated the same steps in the same machine and it says "There are no templates that match the name of the input template: vue" =>

Console error

Have the vue.js template been discontinued during the last weeks? Or am I doing something wrong?

like image 294
Xavier Peña Avatar asked Jan 14 '18 10:01

Xavier Peña


People also ask

What template engine does Vue use?

Vue has an HTML-based template engine, and what it does is transform these templates into “render functions”. Render functions are the JavaScript representation of a Vue template.

Is Vue a template engine?

Note that you cannot use v-html to compose template partials, because Vue is not a string-based templating engine. Instead, components are preferred as the fundamental unit for UI reuse and composition.

Is Vue a templating language?

The templating language is tightly coupled into Vue. js. Like many other templating engines, it uses double curly braces {{ }} to bind data to your template. That means the information in our data variable we pass after our new Vue statement is immediately available inside our application.

Can Vue be used with ASP NET?

Currently, Visual Studio includes ASP.NET Core Single Page Application (SPA) templates that support Angular, React, and Vue. The templates provide a built in Client App folder in your ASP.NET Core projects that contains the base files and folders of each framework.


2 Answers

After other comments saying it was working for them, and knowing that it worked for me some weeks ago, I've finally figured out what is going on:

  • On my "Available package sources" (NuGet config) in VS2017, I had the nuget nuget repository from work [work-repo]. I have to connect via VPN to be able to access it (and I wasn't during my tests). I didn't have it connected some weeks ago when the whole process worked perfectly.

  • Now, when I was executing dotnet new --install Microsoft.AspNetCore.SpaTemplates::*, the first lines were informing me that "I am not able to connect o [work-repo]". But then it seemed to continue as if nothing happened, and I ignored it because I didn't see it as something that would have anything to do with "not seeing vue".

  • Once I removed [work-repo] from the sources list, I have been able to see the "vue" template again. I have installed it via dotnet new vue and it works perfectly.


tl;dr: If you have "Nuget package sources" that are not accessible at the moment, the process "Install the SPA templates provided by Microsoft" doesn't work.

like image 117
Xavier Peña Avatar answered Oct 01 '22 20:10

Xavier Peña


I had the same issue. In my case, the issue occured after installing Visual Studio 2019. After struggling for a while I found out that the NuGet V2 package source was completely missing.

After going to Tools -> Options -> NuGet Package Manager -> Package Sources, adding https://www.nuget.org/api/v2/, the vue-template appreared after running that command:

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
like image 27
Alan Avatar answered Oct 01 '22 19:10

Alan