Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/TrilonIO/aspnetcore-Vue-starter
*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
https://github.com/TrilonIO/aspnetcore-Vue-starter
aspnet aspnetcore dotnet-template ssr trilon vue vue2 vuejs2
Last synced: about 2 months ago
JSON representation
*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
- Host: GitHub
- URL: https://github.com/TrilonIO/aspnetcore-Vue-starter
- Owner: TrilonIO
- License: mit
- Created: 2016-12-19T22:11:52.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-10-16T12:49:25.000Z (almost 5 years ago)
- Last Synced: 2024-05-30T00:50:33.891Z (4 months ago)
- Topics: aspnet, aspnetcore, dotnet-template, ssr, trilon, vue, vue2, vuejs2
- Language: Vue
- Homepage: https://www.trilon.io
- Size: 864 KB
- Stars: 1,212
- Watchers: 88
- Forks: 266
- Open Issues: 39
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# ASP.NET Core & Vue.js Starter
Starter Template for ASP.NET Core and Vue.JS (Vue) - with Webpack (with HMR), Web API, Vuex state manangement and other best-practices baked in!
> Written in ES6, TypeScript version coming soon!
[](https://www.nuget.org/packages/aspnetcore-vuejs/)
[](https://www.nuget.org/packages/aspnetcore-vuejs/)
[](/LICENSE)
---
Made with :heart: by Trilon.io
---
# Table of Contents
* [Features](#features)
* [Prerequisites](#prerequisites)
* [Installation](#installation)
* [Extras](#recommended-plugin-for-debugging-vuejs)
* [License](#license)
* [Trilon - VueJS & Asp.NET Consulting & Training](#trilon---vue-aspnet-nodejs---consulting--training--development)
# Features
- **ASP.NET Core 2.2**
- Web API
- **VueJS 2**
- Vuex (State Store)
- **Webpack**
- HMR (Hot Module Replacement/Reloading)
- **Bootstrap 4**
# Prerequisites:
* [.Net Core 2.2](https://www.microsoft.com/net/download/windows)
* [NodeJS](https://nodejs.org/) >= 10.x
* [VSCode](https://code.visualstudio.com/) (ideally), or VS2017
# Installation:
### Nuget | Dotnet Templates
Find the template through NuGet package manager inside Visual Studio or [here](https://www.nuget.org/packages/aspnetcore-vuejs)
> Or download it via dotnet templates
```ts
// Make a directory where you want the project
mkdir my-vue-starter && cd my-vue-starter
// Download the dotnet template
dotnet new -i aspnetcore-vuejs
// Run and install the template
dotnet new vuejs
// Make sure you install the dependencies
npm install
```
Now you can open the project via Visual Studio or VSCode, press F5 to run the application!
Note:
* This will automatically run `dotnet restore` unless you install with `dotnet new vuejs --skipRestore`
* ([Official documentation](https://docs.microsoft.com/en-us/dotnet/core/tools/dotnet-new?tabs=netcore2x))
* This will automatically run `dotnet restore` unless you install with `dotnet new vuejs --skipRestore`
### -OR- Clone this Repo itself
* Clone this repository : `$ git clone https://github.com/MarkPieszak/aspnetcore-Vue-starter.git VueWeb`
* `$ cd VueWeb/content`
* `$ dotnet restore && npm install`
* (If using VSCode) `$ code .`
* (If using Visual Studio) Open the `*.sln` file with "Open project" from Visual Studio IDE
## 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 `npm run dev`.
### 2. Using the built-in run command
Run the application in VSCode or Visual Studio 2017 by hitting `F5`.
## View your application running
When running the app using debug menu or `F5` VS open auto the app in the browser;
----
# Demo of Application Running
---
# Recommended plugin for debugging VueJS
- Get Chrome DevTools for VueJS [here](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
---
# 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](CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.
---
_Looking for ASP.NET Core & Angular 7.x+ Universal starter? [click here](https://github.com/TrilonIO/aspnetcore-angular-universal)_
----
# License
[](/LICENSE)
Copyright (c) 2016-2019 [Mark Pieszak](https://github.com/MarkPieszak)
[](https://twitter.com/MarkPieszak)
----
# Trilon - Vue, Asp.NET, NodeJS - Consulting | Training | Development
Check out **[Trilon.io](https://Trilon.io)** for more info!
Contact us at , and let's talk about your projects needs.
## Follow Trilon online:
Twitter: [@Trilon_io](http://twitter.com/Trilon_io)