Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By@TrilonIO

License

NotificationsYou must be signed in to change notification settings

TrilonIO/aspnetcore-Vue-starter

Repository files navigation

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!

NugetNuget DownloadsMIT License



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

Made with ❤️ byTrilon.io


Table of Contents

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 orhere

Or download it via dotnet templates

// Make a directory where you want the projectmkdirmy-vue-starter&&cdmy-vue-starter// Download the dotnet templatedotnetnew-iaspnetcore-vuejs// Run and install the templatedotnetnewvuejs// Make sure you install the dependenciesnpminstall

Now you can open the project via Visual Studio or VSCode, press F5 to run the application!

Note:

  • This will automatically rundotnet restore unless you install withdotnet new vuejs --skipRestore
  • (Official documentation)
    • This will automatically rundotnet restore unless you install withdotnet 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 usingnpm run dev.

2. Using the built-in run command

Run the application in VSCode or Visual Studio 2017 by hittingF5.

View your application running

When running the app using debug menu orF5 VS open auto the app in the browser;


Demo of Application Running


Recommended plugin for debugging VueJS

  • Get Chrome DevTools for VueJShere

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

Twitter Follow


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

Check outTrilon.io for more info!

Contact us athello@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

About

*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By@TrilonIO

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Contributors24


[8]ページ先頭

©2009-2025 Movatter.jp