Cara Memasang Vue CLI di Ubuntu 20.04

Dalam artikel ini, kami akan menerangkan cara memasang Vue CLI di Ubuntu 20.04.

Vue.js adalah kerangka JavaScript model depan-pandangan-model depan terbuka. Artikel ini akan membimbing anda proses pemasangan dan membuat projek pertama di dunia.

Prasyarat

• Pelayan khusus Ubuntu 20.04 yang dipasang atau VPS KVM.
• Akses pengguna root atau pengguna biasa dengan hak pentadbiran.

Pasang Vue CLI di Ubuntu 20.04

1 - Pastikan pelayan sentiasa dikemas kini

# apt update -y

2 - Muat turun NodeJS

Muat turun keluaran stabil NodeJS terkini.

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

3 - Pasang NodeJS

Seterusnya, pasang NodeJS menggunakan arahan berikut:

# apt-get install -y nodejs

4 - Sahkan pemasangan

# node -v && npm -v

Pengeluaran:

v15.9.0
7.5.4

5. Pasang Vue CLI

Perintah berikut akan memasang Vue CLI.

# npm install -g @vue/cli

Sahkan pemasangan:

# vue --version

Pengeluaran:

@vue/cli 4.5.11

6. Buat projek Vue

# vue create hello-world

Anda akan diminta memilih pratetap. Anda boleh memilih pratetap lalai yang disertakan dengan persediaan Babel + ESLint asas, atau pilih "Pilih ciri secara manual" untuk memilih ciri yang anda perlukan.

Pengeluaran:

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

Halo-dunia projek berjaya dibuat.
Mulakan dengan arahan berikut:

# cd hello-world
# npm run serve

Pengeluaran:

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.

Navigasi ke penyemak imbas anda dan buka http: // [server_IP]: 8080.

Itu sahaja. Pemasangan telah selesai.

Dalam artikel ini, kita telah melihat cara memasang Vue CLI di Ubuntu 20.04.