Che cos'è Vue.js?

Vue è un framework JavaScript open source e front-end per la creazione di interfacce utente e applicazioni a pagina singola sul Web. Creato da Evan You, rilasciato nel 2014 e gestito da Evan e dal suo team principale, Vue si concentra sul rendering dichiarativo e sulla composizione dei componenti offrendo una libreria di base solo per il livello di visualizzazione.

Per creare un'app Web Vue di cui è stato eseguito il rendering del server con funzionalità avanzate, ad esempio routing, gestione dello stato e strumenti di compilazione, vedere Nuxt.js.

Cosa rende Vue unico?

Vue usa un'architettura model-view-viewmodel. Evan You funzionava in precedenza su AngularJS di Google e parti estratte da Angular per offrire un framework più leggero. Vue è per molti versi simile a React, Angular, Ember, Knockout, ecc. Per un confronto più approfondito con questi altri framework JavaScript, vedere la documentazione di Vue.

Cosa si può fare con Vue?

• Creare un'app a singola pagina
• Usare un solo componente di Vue per aggiungere un semplice elenco attività alla propria app o trovare esempi più complessi
• Creare un sito Web di cui è stato eseguito il rendering del server con un back-end Node.js, con l'aiuto di Nuxt.js

Strumenti Vue

Vue.js è incentrato solo sul livello di visualizzazione, quindi potrebbe richiedere strumenti aggiuntivi per creare un'app più complessa. È consigliabile usare:

• Gestione pacchetti: due gestori di pacchetti più diffusi per Vue sono npm (inclusi in NodeJS) e yarn. Entrambi supportano una vasta libreria di pacchetti ben gestiti che possono essere installati.
• Interfaccia della riga di comando di Vue: un toolkit standard per lo sviluppo rapido di Vue.js con supporto predefinito per Babel, PostCSS, TypeScript, ESLint e così via.
• Nuxt.js: un framework per eseguire il rendering delle app Vue.js sul lato server. Il rendering lato server può migliorare il SEO e rendere le interfacce utente più reattive.
• Pacchetto di estensione Vue per VS Code: aggiunge l'evidenziazione della sintassi, la formattazione del codice e i frammenti di codice ai file con estensione .vue.
• Vuetify: una libreria dell'interfaccia utente Vue che offre componenti Material Design Framework.
• Vuesion: un boilerplate Vue per app Web progressive pronte per la produzione.
• Storybook: un ambiente di sviluppo e test per i componenti dell'interfaccia utente Vue.
• Vue RouterVue: supporta il mapping degli URL dell'applicazione ai componenti Vue.
• Vue Design System: uno strumento open source per la creazione di sistemi di progettazione con Vue.js.
• VueX: un sistema di gestione dello stato per le app Vue.

Risorse aggiuntive

• Documentazione di Vue
• Panoramica di Vue.js
• Installare Vue.js in WSL
• Installare Vue.js in Windows
• Installare Nuxt.js
• Percorso di apprendimento Eseguire i primi passi con Vue.js
• Provare Esercitazione su Vue con VS Code