Asp.NETCore 2.1 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 6.x+ Universal starter? click here
- Features
- Prerequisites
- Installation
- Getting Started
- Extras
- Special Thanks
- License
- Social Media
- VueJS & ASP.NET Consulting & training
- ASP.NET Core 2.1
- Web API
- VueJS 2
- Vuex (State Store)
- Webpack
- HMR (Hot Module Replacement/Reloading)
- Bootstrap 4
- .Net Core 2.1
- NodeJS >= 8.9.4
- VSCode (ideally), or VS2017
- Install the template from nuget:
dotnet new -i aspnetcore-vuejs
- Create folder from template:
dotnet new vuejs
(Official documentation)- This will automatically run
dotnet restore
unless you install withdotnet new vuejs --skipRestore
- This will automatically run
- Restore Node dependencies by running
npm install
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.
Run the application using dotnet run
or npm run dev
- note
dotnet run
should be run inDevelopment
environment for hot reloading. This setting can be set either within the command line or via thelaunchSettings.json
available in theProperties
folder.
Run the application in VSCode or Visual Studio 2017 by hitting F5
.
Browse to http://localhost:5000
- Get Chrome DevTools for VueJS here
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.
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.
Copyright (c) 2016-2018 Mark Pieszak
Twitter: @MarkPieszak | Medium: @MarkPieszak
Check out www.DevHelp.Online for more info! Twitter @DevHelpOnline
Contact us at [email protected], and let's talk about your projects needs.