Ako nainštalovať Vue CLI na Ubuntu 20.04
V tomto článku dobre vysvetlite, ako nainštalovať Vue CLI na Ubuntu 20.04. Vue.js je open-source frontendový JavaScript framework. Vytvorte projekt Ahoj svet.
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
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.
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.