Zainstaluj vue.JS w Ubuntu Top 10.Top 10

W tym samouczku zapewnimy łatwy proces krok po kroku, aby pomóc Ci zacząć od Vue.JS. Vue.JS jest potężnym, progresywnym, reaktywnym frameworkiem JavaScript, który jest przystępny i łatwy do nauczenia. Zapewnia wiele różnych narzędzi i bibliotek, które ułatwiają proces tworzenia aplikacji. Jeśli masz wiedzę na temat HTML, CSS i JavaScript, możesz zacząć budować aplikacje internetowe z Vue.JS w krótkim czasie.

Instalacja

Aby zintegrować Vue.JS w projekcie możesz użyć pakietu CDN, NPM lub CLI.

Za pomocą pakietu CDN

Jeśli chcesz zacząć uczyć się vue.JS, wtedy najlepiej użyć pakietu CDN. Możesz po prostu dodać następujący znacznik skryptu w swoim projekcie, aby rozpocząć.

Jednak ta metoda nie jest zalecana do celów produkcyjnych, ponieważ może prowadzić do problemów ze zgodnością w przyszłości.

Za pomocą NPM

W przypadku aplikacji produkcyjnych na dużą skalę należy zainstalować Vue.JS za pomocą NPM. Aby użyć tej metody, musisz mieć węzeł.JS zainstalowane na twoim komputerze. Jeśli nie zainstalowałeś węzła.JS, możesz dowiedzieć się, jak czytając nasz artykuł, jak zainstalować węzeł.JS i NPM na Ubuntu 20.04 - Wskazówka Linux. Jeśli zainstalowałeś już węzeł.JS, wtedy możesz zainstalować vue.JS, uruchamiając następujące polecenie NPM w terminalu

# Najnowsze stabilne
$ npm instaluj vue@następny

Za pomocą CLI

Vue Cli to kompletny pakiet dla Vue.Rozwój JS. CLI jest instalowane na całym świecie za pomocą menedżera pakietów NPM. Przed zainstalowaniem Vue.JS Korzystając z metody Vue CLI, musisz mieć wcześniejszą znajomość węzła.JS i narzędzia kompilacji front-end. Ponadto możemy użyć obu NPM albo przędza Menedżer pakietów.

$ sudo yarn global add @vue/cli
# LUB
$ sudo npm install -g @vue/cli

Po zainstalowaniu najnowszej wersji Vue.JS za pomocą Vue CLI, możesz łatwo zaktualizować swoje projekty. Aby sprawdzić wersję Vue.JS, możesz uruchomić następujące polecenie

vue --version

Jeśli chcesz zaktualizować do najnowszej stabilnej wersji Vue.JS, możesz użyć następującego polecenia Vue CLI.

$ sudo yarn globalna aktualizacja - -Latest @vue/cli
# LUB
$ sudo npm aktualizacja -g @vue/cli

Pierwsze kroki z Vue.JS

Aby zacząć od Vue.JS, aby utworzyć projekt za pomocą Vue CLI za pomocą następującego polecenia.

Vue Utwórz Demo-App

Po uruchomieniu tego polecenia zostaniesz poproszony o wybranie ustawień wstępnych.

Możesz albo iść z domyślnymi lub dodać niestandardowe funkcje. Możesz także użyć metody GUI do utworzenia projektu vue za pomocą następującego polecenia.

Vue UI

To polecenie otworzy okno w przeglądarce, aby pomóc Ci utworzyć projekt.

Streszczenie

W tym artykule pokazaliśmy, jak zainstalować Vue.JS przy użyciu trzech różnych metod. Po zainstalowaniu Vue.JS, możesz skutecznie zarządzać swoją aplikacją internetową. Jeśli chcesz zacząć używać vue.JS od razu możesz użyć metody pakietu CDN. Jednak do celów produkcyjnych należy użyć metody NPM lub metody CLI.

Aby dowiedzieć się więcej o Vue.JS, możesz odwiedzić oficjalną stronę tutaj: Vue.JS.