I really like the look of Vue.js compared to angular 5, seems simpler and less opinionated on how to do things. That and its growing immensely in popularity. I have a side project I want to create, its not complicated, probably just a few pages.

With my angular 5 project which has 6 pages and many components. I found doing even trivial things quite frustrating, googling stackoverflow with people asking the same questions or finding angularjs questions, so i have to filter google results to the last year. so annoying.

Anyway, I want to use vue.js and asp.net core. I notice just like the .net core angular template with the CLI there is one for Vue.js.

What do you think is an ideal project structure for Vue.js? By this i mean onion architecture, so there is still a service layer, repository layer etc, but the front end project can be combined to have Vue.js and asp.net core in the same project or they can be separated. So here are my options, anything im missing?

• Vue CLI and the .net core web api in the same project.

• Vue CLI and .net core in two different projects.

• Two projects or perhaps one, don't use the CLI and go with something else, so no webpack, something else, and have the .net core app in another project. This option seems like it might be painful though.

I want ease and speed of development, so i guess i've answered my own question with option 1. as this is just a simple hobby app and to gain exposure to Vue.js. i already know how to configure the middleware with static files etc to run FE code alongside with a .net core api. having it in the same project makes it easy to deploy to Azure too. tho i only use azure because i have free credits from work with my MSDN, so perhaps this model isn't as easy on other hosts?

Curious what people are running with, any github examples of quality simple projects or articles would be appreciated.

Thanks