Installare Vue.js direttamente in Windows

  • Articolo

Guida che consente di configurare un ambiente di sviluppo Vue.js in Windows. Per altre informazioni, vedere la pagina di panoramica di Vue.js.

Vue può essere installato direttamente in Windows o nel sottosistema Windows per Linux (WSL). In genere è consigliabile installare Vue in WSL se si prevede di interagire con un back-end di NodeJS, si vuole verificare la parità con un server di produzione Linux o pianificare un'esercitazione che usi i comandi Bash. È anche possibile considerare Vite come alternativa a Vue.js.

Prerequisiti

  • Installare Node.js in Windows: include gestione versione, gestione pacchetti e Visual Studio Code. Node Package Manager (npm) viene usato per installare Vue.js.

Installare Vue.js

Per installare Vue.js:

  1. Aprir una riga di comando (ad esempio Prompt dei comandi di Windows o PowerShell).

  2. Crea una nuova cartella di progetto: mkdir VueProjects e passa alla directory in questione: cd VueProjects.

  3. Installare Vue.js tramite Node Package Manager:

npm install vue

Controllare il numero di versione installato tramite il comando: vue --version.

Nota

Per installare Vue.js con CDN, anziché NPM, vedere la documentazione di installazione di Vue.js. Vedere la documentazione di Vue per una Spiegazione di build Vue diverse.

Installare l’interfaccia della riga di comando di Vue

L'interfaccia della riga di comando di Vue è un toolkit per l'utilizzo di Vue nella riga di comando o nel terminale. Consente di eseguire rapidamente lo scaffolding di un nuovo progetto (vue create), di creare prototipi di nuove idee (vue serve) o di gestire progetti usando un'interfaccia utente grafica (vue ui). L'interfaccia della riga di comando di Vue è un pacchetto npm installato a livello globale che gestisce alcune delle complessità di compilazione, ad esempio l'uso di Babel o Webpack. Se non si sta creando una nuova app a pagina singola, potrebbe non essere necessaria o desiderata l'interfaccia della riga di comando di Vue.

Per installare l'interfaccia della riga di comando di Vue, usare npm. È necessario usare il flag -g per eseguire l'installazione a livello globale in modo da eseguire l'aggiornamento (vue upgrade --next):

npm install -g @vue/cli

Per altre informazioni sui plug-in che possono essere aggiunti (ad esempio linting o Apollo per l'integrazione di GraphQL), visitare Plug-in dell'interfaccia della riga di comando di Vue nella relativa documentazione di Vue.

Risorse aggiuntive