HelloWorld con Vue.js

In questo tutorial vedremo come creare un progetto di base in Vue.js.

Come ambiente di lavoro ho utilizzato una VM Cloud9 basata sul template nodejs.

Per prima cosa installiamo l’interfaccia a riga di comando

npm install -g vue-cli

vuejs1

Quindi creiamo un nuovo progetto basato sul template webpack. Dovremo rispondere ad alcune semplici domande sulla configurazione.

vue init webpack helloworld

vuejs2

Spostiamoci nella cartella appena creata

cd helloworld

ed installiamo le dipendenze indicate nel file package.json

npm install

vuejs3

Per vedere il risultato possiamo far partire il web server in modalità development ricordandoci che per default è attivo sulla porta 8080

npm run dev

La URL di Cloud 9 avrà la seguente struttura workspace.username.c9users.io:8080 quindi nel mio caso l’indirizzo sarà http://frontend.mcicolella.c9users.io:8080

vuejs-helloworld

Nel prossimo post analizzeremo più in dettaglio l’applicazione appena creata.

Lascia una risposta

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Utilizzando il sito, accetti l'invio dei cookies da parte nostra. Maggiori informazioni

Questo sito utilizza i cookies per fornire la migliore esperienza di navigazione possibile. Continuando ad utilizzarlo senza modificare le impostazioni o cliccando su "Accetta" acconsenti al loro utilizzo.

Chiudi