Ako nainštalovať Vue CLI na Ubuntu 20.04

Ako nainštalovať Vue CLI na Ubuntu 20.04

V tomto článku vysvetlíme, ako nainštalovať Vue CLI na Ubuntu 20.04.

Vue.js je open-source model-view-viewmodel frontend framework JavaScript. Tento článok vás prevedie procesom inštalácie a vytvorením projektu hello world first.

Predpoklady

  • Ubuntu 20.04 nainštalovaný dedikovaný server alebo KVM VPS.
  • Používateľ root alebo normálny používateľ s oprávneniami správcu.

Nainštalujte Vue CLI na Ubuntu 20.04

1 - Udržujte server aktuálny

# apt update -y

2 - Stiahnite si NodeJS

Stiahnite si najnovšiu stabilnú verziu NodeJS.

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

3 - Nainštalujte NodeJS

Ďalej nainštalujte NodeJS pomocou nasledujúceho príkazu:

# apt-get install -y nodejs

4 - Skontrolujte inštaláciu

# node -v && npm -v

Výkon:

v15.9.0
7.5.4

5. Nainštalujte Vue CLI

Nasledujúci príkaz nainštaluje Vue CLI.

# npm install -g @vue/cli

Overte inštaláciu:

# vue --version

Výkon:

@vue/cli 4.5.11

6. Vytvorte projekt Vue

# vue create hello-world

Zobrazí sa výzva na výber predvoľby. Môžete si vybrať predvolenú predvoľbu, ktorá sa dodáva so základným nastavením Babel + ESLint, alebo výberom možnosti „Ručne vybrať funkcie“ vyberte funkcie, ktoré potrebujete.

Výkon:

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

Úspešne vytvorený projekt hello-world.
Začnite s nasledujúcimi príkazmi:

# cd hello-world
# npm run serve

Výkon:

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.

Prejdite do prehliadača a otvorte http://[IP_serveru]:8080.

Ako nainštalovať Vue CLI na Ubuntu 20.04

To je všetko. Inštalácia bola dokončená.

V tomto článku sme videli, ako nainštalovať Vue CLI na Ubuntu 20.04.