Instalowanie vue.JS na Ubuntu Top 10.Top 10

Vue.JS jest progresywnym, przystępnym i potężnym frameworkiem JavaScript, który jest reaktywny i prosty do nauczenia. Zapewnia różne narzędzia i biblioteki, które są naprawdę niesamowite do dostosowywania i uczenia się. Vue.JS pomaga w tworzeniu aplikacji internetowych z wiedzą o JavaScript, HTML i CSS w krótkim czasie.

Jest to progresywna framework, a jej podstawowa biblioteka ma możliwość integracji z innymi narzędziami i bibliotekami. Zapewnia programowanie oparte na komponentach w celu opracowania prostego i wydajnego interfejsu użytkownika.

W tym artykule opisano instalację Vue krok po kroku.JS w najnowszej wersji Ubuntu 22.04.

Jak zainstalować Vue.JS na Ubuntu 22.04

Poniżej podano dwie różne metody instalacji vue.JS na Ubuntu 22.04.

• Za pomocą NPM
• Za pomocą CLI

Metoda 1: Instalowanie vue.JS za pomocą NPM

W przypadku produkcji aplikacji na dużą skalę instalowanie vue.JS przez NPM jest preferowany na Ubuntu 22.04. Węzeł.JS i NPM są warunkami wstępnymi do instalacji Vue.JS.

Krok 1: Zainstaluj węzeł.JS

Aby zainstalować węzeł.JS na Ubuntu 22.04, otwórz terminal za pomocą klawiszy skrótu CTRL + alt + T i uruchom następujące polecenie.

$ sudo apt instal instaluj nodejs

Wpisz „Y”, aby umożliwić i kontynuować proces instalacji węzła.JS.

Węzeł.JS jest pomyślnie zainstalowany na Ubuntu 22.04. Jeśli węzeł.JS jest już zainstalowany, a następnie po prostu zainstaluj według NPM.

Sprawdź instalację węzła.JS

Aby zweryfikować zainstalowaną wersję węzła.JS, uruchom następujące polecenie:

$ nodejs --version

Weryfikuje się, że zainstalowana wersja węzła.JS to V12.22.9

Krok 2: Zainstaluj NPM

Aby zainstalować NPM, uruchom następujące polecenie w terminalu:

$ sudo apt instal NPM

NPM jest zainstalowany pomyślnie.

Sprawdź instalację NPM

Aby zweryfikować zainstalowaną wersję NPM, uruchom następujące polecenie:

$ npm --version

Zainstalowana wersja NPM to 8.5.1

Krok 3: Zainstaluj Vue.JS

Aby zainstalować najnowszą stabilną wersję Vue.JS na Ubuntu 22.04 Poprzez NPM uruchom następujące polecenie:

$ npm instaluj vue@następny

Vue.JS jest pomyślnie zainstalowany w Ubuntu 22.04.

Metoda 2: Instalowanie vue.JS za pomocą CLI

CLI to kompletny pakiet używany do instalacji vue.JS na Ubuntu 22.04. Użytkownik musi mieć podstawową wiedzę na temat programowania front-end i węzła.JS przed użyciem metody CLI dla Vue.instalacja JS.

Aby zainstalować najnowszą stabilną wersję Vue.JS na Ubuntu 22.04 Za pomocą interfejsu wiersza poleceń Vue uruchom następujące polecenie w terminalu:

$ sudo npm install -g @vue/cli

Stabilna wersja Vue.JS jest pomyślnie zainstalowany na Ubuntu 22.04 Za pomocą Vue CLI.

Jak zweryfikować zainstalowaną wersję Vue.JS

Aby sprawdzić zainstalowaną wersję Vue.JS Na Ubuntu uruchom następujące polecenie w terminalu:

$ vue --version

Zainstalowana wersja Vue.JS ma 5.0.4

Jak uaktualnić do stabilnej wersji Vue.JS?

Aby uaktualnić do najnowszej stabilnej wersji Vue.JS na Ubuntu 22.04, uruchom następujące polecenie:

$ sudo npm aktualizacja -g @vue/cli

Jak stworzyć vue.Aplikacja JS?

Istnieją dwa sposoby stworzenia vue.Aplikacja JS:

• Przez CLI
• Przez GUI

Utwórz vue.Aplikacja JS za pomocą CLI

Aby rozpocząć vue.JS, Utwórz aplikację demo za pomocą CLI, uruchamiając następujące polecenie:

$ vue stwórz Demo-App

Tutaj „Demo-App” to nazwa aplikacji. Możesz także podać nazwę wyboru.

Wybierz ustawienie wstępne (Vue 3 to najnowszy i preferowany):

Zacznie tworzyć i skonfigurować aplikację dla Ciebie:

Projekt „Demo-App” powstaje pomyślnie.

Utwórz vue.Aplikacja JS za pośrednictwem GUI

Aby rozpocząć vue.JS lub utwórz aplikację demo metodą GUI, po prostu uruchom następujące polecenie, które otwiera okno w przeglądarce:

Vue UI

Po uruchomieniu polecenia w terminalu otwórz podany link w przeglądarce, a będziesz mieć stronę internetową, jak pokazano poniżej:

Kliknij opcję menu „Utwórz”, a na podstawie pojawił się sekcja, kliknij przycisk „Utwórz nowy projekt tutaj”:

Ustaw nazwę projektu, Menedżer pakietów i kliknij przycisk „Dalej”:

Ustaw ustawienie wstępne (domyślny Vue 3 byłby w porządku):

Zacznie tworzyć projekt i za chwilę finalizuje.

Projekt Vue został pomyślnie utworzony i możesz rozpocząć kodowanie, przechodząc do katalogu projektu i otwierając względne pliki.

Wniosek

Aby zainstalować Vue.JS na Ubuntu, najpierw zainstaluj warunki wstępne (węzeł.JS i NPM), a następnie zainstaluj Vue.JS przy użyciu polecenia „NPM install @next” lub „sudo npm install -g @vue/cli”. W tym artykule wyjaśniono proces krok po kroku, jak zainstalować Vue.JS przy użyciu dwóch metod, w tym instalacji węzła.JS i NPM. To także, jak zacząć od najnowszej stabilnej wersji Vue.JS na Ubuntu 22.04.