aspnetcore Vue starter Download - aspnetcore Vue starter Quellcode Download

aspnetcore Vue starter

Andere Kategorien

Nuget 1.0.9 release

Herunterladen

ASP.NET CORE & VUE.JS STARTER

Starter -Vorlage für ASP.NET Core und Vue.js (VUE) - mit Webpack (mit HMR), Web -API, Vuex State Manangement und anderen Best -Practices, die eingebacken sind!

Geschrieben in ES6, Typscript -Version in Kürze!

Gemacht mit ❤️ von trilon.io

Inhaltsverzeichnis

Merkmale
Voraussetzungen
Installation
Extras
Lizenz
Trilon - Vuejs & Asp.net Consulting & Training

Merkmale

ASP.NET CORE 2.2
- Web -API
Vuejs 2
- Vuex (State Store)
Webpack
- HMR (HOT -Modulersatz/Nachladen)
Bootstrap 4

Voraussetzungen:

.NET CORE 2.2
Nodejs> = 10.x
VSCODE (idealerweise) oder VS2017

Installation:

Nuget | Dotnet -Vorlagen

Suchen Sie die Vorlage über Nuget Paket Manager in Visual Studio oder hier

Oder laden Sie es über Dotnet -Vorlagen herunter

 // 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

Jetzt können Sie das Projekt über Visual Studio oder VSCODE öffnen. Drücken Sie F5, um die Anwendung auszuführen!

Notiz:

Dadurch wird dotnet restore automatisch ausgeführt dotnet new vuejs --skipRestore es sei denn
(Offizielle Dokumentation)
- Dadurch wird dotnet restore automatisch ausgeführt dotnet new vuejs --skipRestore es sei denn

-Or- klonen Sie dieses Repo selbst

Klonen Sie dieses Repository: $ git clone https://github.com/MarkPieszak/aspnetcore-Vue-starter.git VueWeb
$ cd VueWeb/content
$ dotnet restore && npm install
(Wenn Sie VSCODE verwenden) $ code .
(Wenn Sie Visual Studio verwenden) Öffnen Sie die *.sln -Datei mit "Open Project" von Visual Studio IDE

Starten Sie die Anwendung:

Sie haben zwei Auswahlmöglichkeiten, wenn es darum geht, wie Ihr Preffer es ausführt. Sie können entweder die Befehlszeile oder den Befehl "Build-In Run" verwenden.

1. Verwenden der Befehlszeile

Führen Sie die Anwendung mit npm run dev aus.

2. Verwenden Sie den integrierten Laufbefehl

Führen Sie die Anwendung in VSCODE oder Visual Studio 2017 durch, indem Sie F5 treffen.

Sehen Sie sich Ihre Anwendung an

Beim Ausführen der App mit dem Debug -Menü oder F5 vs öffnen Sie automatisch die App im Browser.

Demo der Anwendung ausgeführt

Empfohlenes Plugin zum Debuggen von VueJs

Holen Sie sich Chrome Devtools für Vuejs hier

Einen Fehler gefunden? Willst du einen Beitrag leisten?

Nichts ist jemals perfekt, aber bitte lassen Sie es mich wissen, indem Sie ein Problem erstellen (stellen Sie sicher, dass es noch keine vorhanden ist), und wir werden versuchen, eine Lösung dafür zu erarbeiten! Wenn Sie gute Ideen haben oder dazu beitragen möchten, können Sie entweder ein Problem mit dem Vorschlag machen oder einfach nur eine PR aus Ihrer Gabel machen. Bitte beachten Sie, dass dieses Projekt mit einem Verhaltenskodex von Mitwirkenden veröffentlicht wird. Wenn Sie an diesem Projekt teilnehmen, erklären Sie sich damit einverstanden, sich an seine Bedingungen einzuhalten.

Auf der Suche nach ASP.NET Core & Angular 7.x+ Universal Starter? klicken Sie hier