The repository contains an ASP.NET Core + Vue.js starter template for both CLI and GUI. The template is created by Vue CLI 3.0 with a new plugin based architecture allowing developers to interactively scaffold a new project with just a one command.
- Hot module replacement
- Code-splitting
- Tree-shaking
- ES2017 transpilation
- Long term caching and so on
ASP.NET Core 2.1:
- Web.API
- JavaScript Services middleware to integrate with client app
Vue.js with CLI 3.0 supporting optional integrations:
- TypeScript
- Progressive Web App
- Vue Router & Vuex (State Store)
- Linting, unit testing, E2E testing
- 3rd party component frameworks (Vuetify, Vue Bootstrap etc.)
- publish your personal/enterprise plugin and so on...
- Clone this repository
git clone https://github.com/SoftwareAteliers/asp-net-core-vue-starter - Restore client side dependencies by running
npm installin /ClientApp folder
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.
Normally we would run
dotnet runcommand to run ASP.NET application and Microsoft ASP.NET Core JavaScriptServices middleware would start a new process for client side application, but middleware does not support Vue CLI 3 out-of-the-box right now, there's a pull request waiting to be merged.
For now:
- Run the Vue app in /asp-net-core-vue-starter/ClientApp folder with
npm run serve - Run the .NET application using
dotnet run
- Run the Vue app in /asp-net-core-vue-starter/ClientApp folder with
npm run serve - Run the application in VSCode or Visual Studio 2017 by hitting
F5
Browse to http://localhost:5000
- Get Chrome DevTools for VueJS here
Want to file a bug, contribute some code, or improve documentation? Excellent! Please make sure to check existing issues before opening a new one.
Copyright © 2018 Software Ateliers
Medium: Software Ateliers | Twitter: @SAteliers