VueJS installazione e prima app

Framework progressivo per costruire interfacce

Questa è la definizione ufficiale di VueJS da parte del suo ideatore Evan You.

Io che personalmente ne capisco poco ho letto tanti articoli, in italiano ed in inglese, per cercare di trovare una via per imparare a conoscere questo Framework.

Alcuni articoli da cui ho imparato, oltre alla ricchissima documentazione ufficiale, sono:

La base: come installiamo vue

Iniziamo a dire che se si ha una base di HTML e CSS, piu qualche conoscenza di JS, allora è facile arrivare a capire a cosa serve Vue: il js solitamente aiuta a rendere dinamica la pagina che si sta visitando: Vue fa esattamente questo.

Il suo approccio può essere di due tipi: puramente HTML, cioè come per qualsiasi altro framework o libreria che dir si voglia (senza stare qui a disquisire se sia più uno o più l’altro) che abbiamo già conosciuto come Jquery (per me la più famosa) lo includiamo all’interno della nostra pagina trami un semplice tag
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
magari importandolo dal CDN ufficiale come consigliato dal sito web di riferimento.
A questo punto quindi lo si può tranquillamente iniziare ad utilizzare.

Il secondo metodo per approciarsi a Vue è tramite la CLI (command line interface) ovvero un tool che permette di creare velocemente un progetto Vue. Lo scarichi e lo installi tramite Node Package Manager: npm install @vue/cli
Poichè l’opzione -g sta ad indicare che vuoi installare Vue a livello globale, se non vuoi ritrovarti degli errori come il seguente, npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues
sarebbe intelligente installarlo come super utente!

La prima applicazione

Nei siti web che ho indicato sopra sono presenti degli esempi che permetto anche di creare una prima applicazione basilare, la classica ‘Hello World’ e simili.
Quello che invece consiglio è di seguire questa playlist, su Youtube, realizzata da GDR Design.
Propone la realizzazione di una webapp ToDoList, ed affronta diversi aspetti legati a Vue. Nella seconda parte invece propone anche esempi legati al Routing ed un approccio a Firebase.

Leave a Comment