dcga / aspnetcore-Vue-starter

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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
    • HMR (Hot Module Replacement/Reloading)
  • Bootstrap 4

Prerequisites:

  • dotnet core 2.0
  • nodejs >= 8.9.4
  • VSCode (ideally), or VS2017

Installation:

  • Install the template from nuget: dotnet new -i aspnetcore-vuejs

Getting Started:

  • Create folder from template: dotnet new vuejs (official docs here)
    • This will automatically run dotnet restore unless you install with dotnet new vuejs --skipRestore
  • Restore Node dependencies by running npm install

To start the applicatoin up:

  • Run the application (dotnet run or npm run dev) - note dotnet run should be run in Development environment for hot reloading

or

Extras

  • Get Chrome DevTools for Vue here

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-2018 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

About

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


Languages

Language:Vue 38.3%Language:JavaScript 28.8%Language:C# 26.7%Language:CSS 6.3%