Cara Menginstal Vue CLI di Ubuntu 20.04

Pada artikel ini, kami akan menjelaskan cara menginstal Vue CLI di Ubuntu 20.04.

Vue.js adalah kerangka kerja JavaScript front end model-view-viewmodel open-source. Artikel ini akan memandu Anda proses instalasi dan membuat proyek hello world pertama.

Prasyarat

• Ubuntu 20.04 menginstal dedicated server atau KVM VPS.
• Akses pengguna root atau pengguna biasa dengan hak administratif.

Instal Vue CLI di Ubuntu 20.04

1 - Tetap perbarui server

# apt update -y

2 - Unduh NodeJS

Unduh rilis stabil terbaru dari NodeJS.

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

3 - Instal NodeJS

Selanjutnya, instal NodeJS menggunakan perintah berikut:

# apt-get install -y nodejs

4 - Verifikasi instalasi

# node -v && npm -v

Keluaran:

v15.9.0
7.5.4

5. Instal Vue CLI

Perintah berikut akan menginstal Vue CLI.

# npm install -g @vue/cli

Verifikasi instalasi:

# vue --version

Keluaran:

@vue/cli 4.5.11

6. Buat proyek Vue

# vue create hello-world

Anda akan diminta untuk memilih preset. Anda dapat memilih prasetel default yang disertakan dengan pengaturan Babel + ESLint dasar, atau pilih "Pilih fitur secara manual' untuk memilih fitur yang Anda butuhkan.

Keluaran:

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

Berhasil membuat proyek hello-world.
Mulailah dengan perintah berikut:

# cd hello-world
# npm run serve

Keluaran:

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.

Arahkan ke browser Anda dan buka http://[server_IP]:8080.

Itu dia. Instalasi telah selesai.

Pada artikel ini, kita telah melihat cara menginstal Vue CLI di Ubuntu 20.04.