Vue Js Installieren

Posted on  by admin
-->

Eine Anleitung zum Einrichten einer Vue.js Entwicklungsumgebung unter Windows. Weitere Informationen finden Sie auf der Seite Übersicht über Vue.js.

Vue kann direkt unter Windows oder auf dem Windows-Subsystem für Linux (WSL) installiert werden. Im Allgemeinen wird die Installation von Vue unter WSL empfohlen, wenn Sie die Interaktion mit einem NodeJS-Back-End planen, Parität mit einem Linux-Produktionsserver wünschen oder ein Tutorial mit Bash-Befehlen nachvollziehen möchten. Weitere Informationen finden Sie unter Sollte ich unter Windows oder Windows-Subsystem für Linux installieren?.

Voraussetzungen

  • Install Node.js on Windows: This includes a version manager, package manager, and Visual Studio Code. The Node Package Manager (npm) is used to install Vue.js.

Installieren von Vue.js

Installieren von Vue.js:

  1. Open a command line (ie. Windows Command Prompt or PowerShell). Create a new project folder: mkdir VueProjects and enter that directory: cd VueProjects.

  2. Install Vue.js using Node Package Manager (npm):. To install Vue.js using a CDN, rather than NPM, see the Vue.js install docs. See the Vue docs for an Explanation of different Vue builds.

  3. Microsoft Learn online course: Take your first steps with Vue.js.

Überprüfen Sie die Versionsnummer, die Sie installiert haben, mithilfe des Befehls vue --version.

Try a Vue tutorial with VS Code.

Vue.js does not support IE8 and below, because Vue.js uses ECMAScript 5 features that are un-shimmable in IE8. However Vue.js supports all ECMAScript 5 compliant browsers.

Installieren der Vue CLI

Die Vue CLI ist ein Toolkit für die Arbeit mit Vue in Ihrem Terminal/in der Befehlszeile. So können Sie schnell ein neues Projekt erstellen (vue create), neue Ideen entwickeln (vue serve) oder Projekte mithilfe einer grafischen Benutzeroberfläche (vue ui) verwalten. Die Vue CLI ist ein global installiertes NPM-Paket, das einige der Buildkomplexitäten (z. B. die Verwendung von Babel oder Webpack) für Sie verarbeitet. Wenn Sie keine neue Single-Page-App erstellen, benötigen oder möchten Sie möglicherweise keine Vue CLI.

Verwenden Sie den NPM, um die Vue CLI zu installieren. Sie müssen das -g-Kennzeichen verwenden, um global zu installieren, um ein Upgrade durchzuführen (vue upgrade --next):

Weitere Informationen zu zusätzlichen Plug-Ins, die hinzugefügt werden können (z. B. Linting oder Apollo für die Integration von GraphQL), finden Sie unter Vue CLI-Plug-Ins in der Vue CLI-Dokumentation.

Zusätzliche Ressourcen

  • Detailed release notes for each version are available on GitHub.
  • Simply download and include with a script tag. Vue will be registered as a global variable.