aspnetcore-vuejs 1.0.9

Starter Template for ASP.NET Core and Vue.JS (Vue)
     
Featuring:
 - Webpack (with HMR)
 - Web API
 - VueJS 2
   - Vuex (state manangement)
 - Modern best-practices
 
Brought to you by Trilon.io Consulting

Install-Package aspnetcore-vuejs -Version 1.0.9
dotnet add package aspnetcore-vuejs --version 1.0.9
<PackageReference Include="aspnetcore-vuejs" Version="1.0.9" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add aspnetcore-vuejs --version 1.0.9
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

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!

Nuget
Nuget Downloads
MIT License


Trilon Consulting

Made with love by Trilon.io


Features

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

Prerequisites:

Installation:

Nuget | Dotnet Templates

Find the template through NuGet package manager inside Visual Studio or here

Or download it via dotnet templates

// 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)
    • 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 &amp;&amp; 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 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

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

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.


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


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!

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

Trilon Consulting

Follow Trilon online:

Twitter: @Trilon_io

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!

Nuget
Nuget Downloads
MIT License


Trilon Consulting

Made with love by Trilon.io


Features

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

Prerequisites:

Installation:

Nuget | Dotnet Templates

Find the template through NuGet package manager inside Visual Studio or here

Or download it via dotnet templates

// 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)
    • 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 &amp;&amp; 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 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

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

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.


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


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!

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

Trilon Consulting

Follow Trilon online:

Twitter: @Trilon_io

Dependencies

This package has no dependencies.

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
1.0.9 1,336 4/19/2019
1.0.8 329 4/8/2019
1.0.7 126 4/7/2019
1.0.6 150 4/4/2019
1.0.5 98 4/4/2019
1.0.4 84 4/4/2019
1.0.3 342 3/18/2019
1.0.2 4,396 9/11/2018
1.0.1 5,720 2/9/2018
1.0.0 239 2/9/2018