/aspnetcore-Vue-starter

*NEW* Asp.NETCore 2.0 Vue 2 (ES6) SPA Starter kit, contains routing, Vuex, and more! By @DevHelp-Online

Primary LanguageVueMIT LicenseMIT

Asp.NETCore 2.0 Vue 2 Starter - by DevHelp.Online

This repo contains an aspnetcore + Vue.js 2 starter template (VS2017). The template is based on the original starter templates (Angular, Knockout, React, Aurelia), which can be found here

Looking for aspnetcore & Angular 2.x+ Universal starter? click here


Table of Contents

Features

  • ASP.NET Core 2.0
    • Web API
  • VueJS 2
    • Vuex (State Store)
  • Webpack 2
    • HMR (Hot Module Replacement/Reloading)
  • Bootstrap
  • ...more details to come...

Prerequisites:

  • nodejs > 6
  • VS2017
  • dotnet core 2.0

Installation / Getting Started:

  • Clone this repo
  • At the repo's root directory run dotnet restore
  • Restore Node dependencies by running npm install
  • Run the application (dotnet run or npm run dev)

or

Extras

  • Get Chrome DevTools for Vue here

Upcoming Features (to-do list)

[TODO] Install template:

  • dotnet new --install Microsoft.AspNetCore.SpaTemplates.Vue2Js

[TODO] To use the template:

  • mkdir + chdir
  • dotnet new -l
  • dotnet new vue2js
  • dotnet restore
  • npm install
  • Run the application (dotnet run or npm run dev)

Found a Bug? Want to Contribute?

Nothing's ever perfect, but please let me know by creating an issue (make sure there isn't an existing one about it already), and we'll try and work out a fix for it! If you have any good ideas, or want to contribute, feel free to either make an Issue with the Proposal, or just make a PR from your Fork.


Special Thanks

Many thanks go out to Steve Sanderson (@SteveSandersonMS) from Microsoft and his amazing work on JavaScriptServices and integrating the world of Node with ASP.NET Core.

Also, a million thanks to key Contributors !


License

MIT License

Copyright (c) 2016-2017 Mark Pieszak

Follow me online:

Twitter: @MarkPieszak | Medium: @MarkPieszak


DevHelp.Online - VueJS & ASP.NET - Consulting | Training | Development

Check out www.DevHelp.Online for more info! Twitter @DevHelpOnline

Contact us at hello@devhelp.online, and let's talk about your projects needs.

DevHelp.Online - Angular ASPNET JavaScript Consulting Development and Training