Come installare Vue CLI su Ubuntu 20.04

In questo articolo spiegheremo come installare Vue CLI su Ubuntu 20.04.

Vue.js è un framework JavaScript front-end model-view-viewmodel open source. Questo articolo ti guiderà nel processo di installazione e nella creazione del primo progetto Hello World.

Prerequisiti

• Un server dedicato Ubuntu 20.04 installato o KVM VPS.
• Accesso come utente root o utente normale con privilegi di amministratore.

Installa Vue CLI su Ubuntu 20.04

1 - Mantieni aggiornato il server

# apt update -y

2 - Scarica NodeJS

Scarica l'ultima versione stabile di NodeJS.

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

3 - Installa NodeJS

Quindi, installa NodeJS usando il seguente comando:

# apt-get install -y nodejs

4 - Verificare l'installazione

# node -v && npm -v

Produzione:

v15.9.0
7.5.4

5. Installa Vue CLI

Il seguente comando installerà Vue CLI.

# npm install -g @vue/cli

Verificare l'installazione:

# vue --version

Produzione:

@vue/cli 4.5.11

6. Crea progetto Vue

# vue create hello-world

Ti verrà chiesto di scegliere un preset. Puoi scegliere la preimpostazione predefinita fornita con una configurazione di base di Babel + ESLint o selezionare "Seleziona manualmente le funzionalità" per scegliere le funzionalità di cui hai bisogno.

Produzione:

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

Progetto creato con successo ciao-mondo.
Inizia con i seguenti comandi:

# cd hello-world
# npm run serve

Produzione:

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.

Vai al tuo browser e apri http://[server_IP]:8080.

Questo è tutto. L'installazione è stata completata.

In questo articolo abbiamo visto come installare Vue CLI su Ubuntu 20.04.