A Vue CLI telepítése Ubuntu 20.04-re
Ebben a cikkben jól magyarázza el, hogyan telepítheti a Vue CLI-t az Ubuntu 20.04-re. A Vue.js egy nyílt forráskódú kezelőfelület JavaScript-keretrendszere. Hozzon létre hello world projektet.
A Vue CLI telepítése Ubuntu 20.04-re
Ebben a cikkben elmagyarázzuk, hogyan kell telepíteni a Vue CLI-t az Ubuntu 20.04-re.
A Vue.js egy nyílt forráskódú modell–nézet–nézetmodell előtérbeli JavaScript-keretrendszer. Ez a cikk eligazítja a telepítési folyamatot és a hello world first projekt létrehozását.
Előfeltételek
- Egy Ubuntu 20.04 telepített dedikált szerver vagy KVM VPS.
- Root felhasználó vagy normál felhasználó rendszergazdai jogosultságokkal.
Telepítse a Vue CLI-t az Ubuntu 20.04-re
1 - Tartsa naprakészen a szervert
# apt update -y
2 - Töltse le a NodeJS-t
Töltse le a NodeJS legújabb stabil kiadását.
# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -
3 - Telepítse a NodeJS-t
Ezután telepítse a NodeJS-t a következő paranccsal:
# apt-get install -y nodejs
4 - Ellenőrizze a telepítést
# node -v && npm -v
Kimenet:
v15.9.0
7.5.4
5. Telepítse a Vue CLI-t
A következő parancs telepíti a Vue CLI-t.
# npm install -g @vue/cli
Ellenőrizze a telepítést:
# vue --version
Kimenet:
@vue/cli 4.5.11
6. Hozzon létre Vue projektet
# vue create hello-world
A rendszer felkéri, hogy válasszon egy előre beállított értéket. Kiválaszthatja az alapértelmezett előbeállítást, amely az alap Babel + ESLint beállításhoz tartozik, vagy kiválaszthatja a „Funkciók manuális kiválasztása” lehetőséget a szükséges szolgáltatások kiválasztásához.
Kimenet:
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
A hello-world projekt sikeresen létrehozva.
Kezdje a következő parancsokkal:
# cd hello-world
# npm run serve
Kimenet:
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.
Keresse meg a böngészőt, és nyissa meg a http://[szerver_IP]:8080 címet.
Ez az. A telepítés befejeződött.
Ebben a cikkben láthattuk, hogyan telepítheti a Vue CLI-t az Ubuntu 20.04-re.