Skip to content
*NEW* Asp.net Core & Vue (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode publish(nuget): update dotnet template to 1.0.2 Sep 11, 2018
content
.gitattributes style(code): nоrmalization of line endings Nov 20, 2018
.gitignore fix(gitignore): add .vs folder to .gitignore Nov 20, 2018
CODE_OF_CONDUCT.md
LICENSE.md
README.md
aspnetcore-vuejs.nuspec nuget(1.0.3): publish to nuget Mar 18, 2019
package-lock.json

README.md

ASP.NET Core & Vue.js Starter

Made with ❤️ by Trilon.io

Trilon.io - Angular Universal, NestJS, JavaScript Application Consulting Development and Training

Looking for ASP.NET Core & Angular 7.x+ Universal starter? click here


Table of Contents

Features

  • ASP.NET Core 2.1
    • Web API
  • VueJS 2
    • Vuex (State Store)
  • Webpack
    • HMR (Hot Module Replacement/Reloading)
  • Bootstrap 4

Prerequisites:

Installation:

Download the template right from Nuget.

dotnet new -i aspnetcore-vuejs
  • or -

Clone the repo itself:

git clone https://github.com/TrilonIO/aspnetcore-Vue-starter.git

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. Please note that this project is released with a Contributor Covenant Code of Conduct. By participating in this project you agree to abide by its terms.


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-2019 Mark Pieszak

Twitter Follow


Trilon - Vue, Asp.NET, NodeJS - Consulting | Training | Development

Check out Trilon.io for more info! Twitter @Trilon_io

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

Trilon.io - Angular Universal, NestJS, JavaScript Application Consulting Development and Training

Follow Trilon online:

Twitter: @Trilon_io

You can’t perform that action at this time.