Installazione di Vue.JS su Ubuntu Top 10.Top 10

Installazione di Vue.JS su Ubuntu Top 10.Top 10
Vue.js è un framework JavaScript progressivo, accessibile e potente che è reattivo e semplice da imparare. Fornisce vari strumenti e biblioteche che sono davvero fantastici da adattarsi e imparare. Vue.JS aiuta a costruire applicazioni Web con la conoscenza di JavaScript, HTML e CSS in pochissimo tempo.

È un framework progressivo e la sua libreria principale ha la capacità di integrarsi con gli altri strumenti e librerie. Fornisce una programmazione basata sui componenti per sviluppare un'interfaccia utente semplice ed efficiente.

Questo articolo descrive un'installazione passo-passo di Vue.JS sull'ultima versione di Ubuntu 22.04.

Come installare vue.JS su Ubuntu 22.04

Di seguito sono riportati due metodi diversi per l'installazione di Vue.JS su Ubuntu 22.04.

  • Usando NPM
  • Usando la CLI

Metodo 1: installazione di Vue.JS usando NPM

Per produzioni di applicazioni su larga scala, installando VUE.JS a NPM è preferito su Ubuntu 22.04. Nodo.JS e NPM sono prerequisiti per installare Vue.js.

Passaggio 1: installa nodo.js

Per installare il nodo.JS su Ubuntu 22.04, aprire il terminale utilizzando CTRL + ALT + T Tasti di scorciatoia ed esegui il seguente comando.

$ sudo apt install nodejs

Digita "Y" per consentire e continuare il processo di installazione del nodo.js.

Nodo.JS è installato correttamente su Ubuntu 22.04. Se nodo.JS è già installato, quindi semplicemente installato tramite NPM.

Verifica l'installazione del nodo.js

Per verificare la versione installata del nodo.JS, eseguire il seguente comando:

$ nodejs -version

Viene verificato che la versione installata del nodo.JS è V12.22.9

Passaggio 2: installa NPM

Per installare NPM, eseguire il seguente comando in terminale:

$ sudo apt install npm

Il NPM è installato correttamente.

Verifica l'installazione di NPM

Per verificare la versione installata di NPM, eseguire il comando seguente:

$ npm -version

La versione installata di NPM è 8.5.1

Passaggio 3: installa Vue.js

Per installare l'ultima versione stabile di Vue.js su Ubuntu 22.04 tramite NPM, eseguire il seguente comando:

$ npm installa vue@next

Vue.JS è installato con successo in Ubuntu 22.04.

Metodo 2: installazione di Vue.JS usando la CLI

La CLI è il pacchetto completo che viene utilizzato per installare il VUE.JS su Ubuntu 22.04. Un utente deve avere una conoscenza di base della programmazione e del nodo front-end.JS prima di usare il metodo CLI per Vue.Installazione JS.

Per installare l'ultima versione stabile di Vue.js su Ubuntu 22.04 Utilizzo dell'interfaccia della riga di comando vue, eseguire il comando seguente nel terminale:

$ sudo npm install -g @vue/cli

La versione stabile di Vue.js è installato correttamente su Ubuntu 22.04 Utilizzo di Vue CLI.

Come verificare la versione installata di Vue.js

Per controllare la versione installata di Vue.js Su Ubuntu, eseguire il seguente comando nel terminale:

$ vue -version

La versione installata di Vue.JS è 5.0.4

Come aggiornare a una versione stabile di Vue.js?

Per aggiornare l'ultima versione stabile di Vue.JS su Ubuntu 22.04, eseguire il seguente comando:

$ sudo npm update -g @vue/cli

Come creare un Vue.Applicazione JS?

Esistono due modi per creare un Vue.Applicazione JS:

  • Attraverso la CLI
  • Attraverso la GUI

Crea un Vue.Applicazione JS usando la CLI

Per iniziare il Vue.JS, crea un'app demo usando la CLI eseguendo il comando seguente:

$ vue crea demo-app

Qui, il "demo-app" è il nome dell'applicazione. Puoi anche fornire il tuo nome a scelta.

Scegli un preimpostazione (Vue 3 è l'ultimo e preferito):

Inizierà a creare e impostare l'applicazione per te:

Il progetto "demo-app" è creato correttamente.

Crea un Vue.Applicazione JS tramite GUI

Per iniziare il Vue.js o crea un'app demo tramite il metodo GUI, esegui semplicemente il seguente comando che apre la finestra nel browser:

vue ui

Dopo aver eseguito il comando al terminale, apri il link fornito nel browser e avrai una pagina web come mostrato di seguito:

Fai clic sull'opzione di menu "Crea" e dalla sezione è apparsa, fare clic sul pulsante "Crea un nuovo progetto":

Imposta il nome del progetto, il gestore dei pacchetti e fai clic sul pulsante "Avanti":

Imposta il preimpostazione (Vue 3 predefinito andrebbe bene):

Inizierà a creare un progetto e finalizzare tra un po '.

Vue Project viene creato correttamente e puoi iniziare la codifica andando alla directory del progetto e aprendo i file relativi.

Conclusione

Per installare Vue.JS su Ubuntu, prima installa prerequisiti (nodo.js e npm) e quindi installare vue.JS usando "NPM Installa vue @Next" o "Sudo NPM Installa -g @Vue/CLI". Questo articolo ha spiegato un processo passo-passo su come installare Vue.JS utilizzando i due metodi tra cui l'installazione del nodo.JS e NPM. È anche come iniziare con l'ultima versione stabile di Vue.JS su Ubuntu 22.04.