Jak zainstalować Vue CLI na Ubuntu 20.04

Jak zainstalować Vue CLI na Ubuntu 20.04

W tym artykule wyjaśnimy, jak zainstalować Vue CLI na Ubuntu 20.04.

Vue.js to platforma JavaScript typu front-end typu model-widok-widok typu open source. Ten artykuł poprowadzi Cię przez proces instalacji i tworzenia pierwszego projektu Hello World.

Warunki wstępne

  • Ubuntu 20.04 zainstalował dedykowany serwer lub KVM VPS.
  • Dostęp użytkownika root lub zwykły użytkownik z uprawnieniami administratora.

Zainstaluj Vue CLI na Ubuntu 20.04

1 - Aktualizuj serwer

# apt update -y

2 - Pobierz NodeJS

Pobierz najnowszą stabilną wersję NodeJS.

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

3 - Zainstaluj NodeJS

Następnie zainstaluj NodeJS za pomocą następującego polecenia:

# apt-get install -y nodejs

4 - Sprawdź instalację

# node -v && npm -v

Wyjście:

v15.9.0
7.5.4

5. Zainstaluj Vue CLI

Następujące polecenie zainstaluje Vue CLI.

# npm install -g @vue/cli

Sprawdź instalację:

# vue --version

Wyjście:

@vue/cli 4.5.11

6. Utwórz projekt Vue

# vue create hello-world

Zostaniesz poproszony o wybranie ustawienia wstępnego. Możesz wybrać domyślne ustawienie, które jest dostarczane z podstawową konfiguracją Babel + ESLint, lub wybrać opcję „Ręcznie wybierz funkcje”, aby wybrać potrzebne funkcje.

Wyjście:

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

Pomyślnie stworzony projekt hello-world.
Zacznij od następujących poleceń:

# cd hello-world
# npm run serve

Wyjście:

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.

Przejdź do przeglądarki i otwórz http://[IP_serwera]:8080.

Jak zainstalować Vue CLI na Ubuntu 20.04

Otóż ​​to. Instalacja została zakończona.

W tym artykule zobaczyliśmy, jak zainstalować Vue CLI na Ubuntu 20.04.