Installa Vue.js in ubuntu top 10.Top 10

Installa Vue.js in ubuntu top 10.Top 10

In questo tutorial, forniremo un semplice processo passo-passo per aiutarti a iniziare con Vue.js. Vue.JS è un framework JavaScript potente, progressivo e reattivo che è accessibile e facile da imparare. Fornisce molti strumenti e librerie diversi che facilitano il processo di sviluppo dell'applicazione. Se hai conoscenza di HTML, CSS e JavaScript, puoi iniziare a creare applicazioni Web con VUE.js in pochissimo tempo.

Installazione

Per integrare Vue.js in un progetto, è possibile utilizzare il pacchetto CDN, NPM o CLI.

Utilizzando il pacchetto CDN

Se vuoi iniziare a imparare Vue.JS, quindi è meglio utilizzare il pacchetto CDN. Puoi semplicemente aggiungere il seguente tag di script nel tuo progetto per iniziare.

Tuttavia, questo metodo non è raccomandato a scopo di produzione perché può portare a problemi con compatibilità in futuro.

Usando NPM

Per applicazioni di produzione su larga scala, è necessario installare Vue.JS usando NPM. Per utilizzare questo metodo, è necessario disporre di nodi.JS installato sulla macchina. Se non hai installato nodo.JS ancora, puoi scoprire come leggendo il nostro articolo come installare il nodo.JS e NPM su Ubuntu 20.04 - Suggerimento Linux. Se hai già installato nodo.js, quindi puoi installare vue.JS eseguendo il seguente comando NPM nel tuo terminale

# Ultima stalla
$ npm installa vue@next

Usando la CLI

Vue Cli è un pacchetto completo per Vue.JS Sviluppo. La CLI è installata a livello globale utilizzando il gestore dei pacchetti NPM. Prima di installare Vue.JS Usando il metodo VUE CLI, è necessario avere una conoscenza preliminare del nodo.JS e strumenti di costruzione front-end. Inoltre, possiamo usare entrambi npm o il filato Gestore dei pacchetti.

$ sudo yarn globale aggiungi @vue/cli
# O
$ sudo npm install -g @vue/cli

Dopo aver installato l'ultima versione di Vue.JS che utilizza Vue CLI, puoi facilmente aggiornare i tuoi progetti. Per controllare la tua versione di Vue.JS, puoi eseguire il seguente comando

Vue -Version

Se vuoi passare all'ultima versione stabile di Vue.JS, è possibile utilizzare il seguente comando Vue CLI.

$ sudo yarn upgrade globale -latest @vue/cli
# O
$ sudo npm update -g @vue/cli

Iniziare con Vue.js

Per iniziare con Vue.JS, per creare un progetto utilizzando Vue CLI usando il seguente comando.

vue crea demo-app

Dopo aver eseguito questo comando, ti verrà chiesto di scegliere un preimpostazione.

Puoi andare con il valore predefinito o aggiungere funzionalità personalizzate. È inoltre possibile utilizzare il metodo GUI per creare un progetto VUE utilizzando il seguente comando.

vue ui

Questo comando aprirà una finestra nel browser per aiutarti a creare un progetto.

Riepilogo

In questo articolo, ti abbiamo mostrato come installare Vue.JS usando tre diversi metodi. Dopo aver installato Vue.JS, puoi gestire in modo efficiente la tua applicazione web. Se vuoi iniziare a usare Vue.JS subito, è possibile utilizzare il metodo del pacchetto CDN. Tuttavia, a fini di produzione, è necessario utilizzare il metodo NPM o il metodo CLI.

Per saperne di più su Vue.JS, puoi visitare il sito ufficiale qui: Vue.js.