So installieren Sie Vue CLI unter Ubuntu 20.04

In diesem Artikel erklären wir, wie Sie die Vue-CLI unter Ubuntu 20.04 installieren.

Vue.js ist ein Open-Source-Model-View-Viewmodel-Frontend-JavaScript-Framework. Dieser Artikel führt Sie durch den Installationsprozess und das Erstellen eines Hello World First-Projekts.

Voraussetzungen

• Ein Ubuntu 20.04 installierter dedizierter Server oder KVM VPS.
• Ein Root-Benutzerzugriff oder ein normaler Benutzer mit Administratorrechten.

Installieren Sie Vue CLI auf Ubuntu 20.04

1 - Halten Sie den Server auf dem neuesten Stand

# apt update -y

2 - NodeJS herunterladen

Laden Sie die neueste stabile Version von NodeJS herunter.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

3 - NodeJS installieren

Als nächstes installieren Sie NodeJS mit dem folgenden Befehl:

# apt-get install -y nodejs

4 - Überprüfen Sie die Installation

# node -v && npm -v

Ausgabe:

v15.9.0
7.5.4

5. Installieren Sie Vue CLI

Der folgende Befehl installiert Vue CLI.

# npm install -g @vue/cli

Überprüfen Sie die Installation:

# vue --version

Ausgabe:

@vue/cli 4.5.11

6. Vue-Projekt erstellen

# vue create hello-world

Sie werden aufgefordert, eine Voreinstellung auszuwählen. Sie können entweder die Standardvoreinstellung auswählen, die mit einem grundlegenden Babel + ESLint-Setup geliefert wird, oder "Funktionen manuell auswählen" auswählen, um die benötigten Funktionen auszuwählen.

Ausgabe:

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features

Erfolgreich erstelltes Projekt hello-world.
Beginnen Sie mit den folgenden Befehlen:

# cd hello-world
# npm run serve

Ausgabe:

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.106:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

Navigieren Sie zu Ihrem Browser und öffnen Sie http://[server_IP]:8080.

Das ist es. Die Installation ist abgeschlossen.

In diesem Artikel haben wir gesehen, wie man Vue CLI unter Ubuntu 20.04 installiert.