/aspnetcore-Vue-starter

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

Primary LanguageVue

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

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

Looking for ASP.NET Core & 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:

Installation:

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

Getting Started:

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

Start the application:

You have two choices when it come at how your preffer to run it. You can either use the command line or the build-in run command.

1. Using the command line

Run the application using dotnet run or npm run dev

  • note dotnet run should be run in Development environment for hot reloading. This setting can be set either within the command line or via the launchSettings.json available in the Properties folder.

2. Using the built-in run command

Run the application in VSCode or Visual Studio 2017 by hitting F5.

View your application running

Browse to http://localhost:5000

Recommended plugin for debugging VueJS

  • Get Chrome DevTools for VueJS 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


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