Aby zainstalować Vue.js, wykonaj poniższe czynności:
Krok 1: Utwórz nowy katalog dla swojego projektu i otwórz terminal w tym katalogu.
Krok 2: Użyj npm, aby zainstalować Vue CLI(interfejs wiersza poleceń), uruchamiając następujące polecenie:
Krok 3: Po udanej instalacji możesz utworzyć nowy projekt Vue za pomocą następującego polecenia:
Krok 4: Wybierz opcje konfiguracji dla swojego projektu, w tym instalację Babel, ESLint i preprocesorów CSS(opcjonalnie).
Krok 5: Po zakończeniu procesu tworzenia projektu przejdź do katalogu projektu za pomocą polecenia:
Krok 6: Uruchom następujące polecenie, aby uruchomić projekt Vue:
Po zakończeniu procesu uruchamiania zobaczysz adres URL umożliwiający dostęp do aplikacji Vue w przeglądarce.
Prosty przykład Vue.js:
Stwórzmy nowy plik HTML i nazwijmy go index.html
`. W tym pliku dodaj następujący kod:
W tym przykładzie stworzyliśmy prostą aplikację Vue ze h1
znacznikiem i przyciskiem. Po kliknięciu przycisku komunikat się zmieni.
Zapisz index.html
plik i otwórz go w przeglądarce. Zobaczysz początkową wiadomość jako „Hello Vue.js!”. Po kliknięciu przycisku wiadomość zmieni się na „Wiadomość została zmieniona pomyślnie!”.
To tylko prosty przykład ułatwiający rozpoczęcie pracy z Vue.js. Podczas tworzenia aplikacji możesz odkrywać wiele innych funkcji i potężnych możliwości Vue.js.