Installare Vue.js nel sottosistema Windows per Linux

  • Articolo

Guida per configurare un ambiente di sviluppo Vue.js in Windows installando il framework Web Vue.js nel sottosistema Windows per Linux (WSL). Per altre informazioni, vedere la pagina di panoramica di Vue.js.

Vue può essere installato direttamente in Windows o in 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 il sottosistema Windows per Linux (WSL), inclusa una distribuzione Linux (ad esempio Ubuntu) e assicurarsi che sia in esecuzione in modalità WSL 2. Puoi verificarlo aprendo PowerShell e immettendo: wsl -l -v
  • Installare Node.js in WSL 2: include uno strumento di gestione delle versioni, gestione pacchetti, Visual Studio Code e l'estensione Sviluppo remoto. Node Package Manager (npm) viene usato per installare Vue.js.

Importante

L'installazione di una distribuzione Linux con WSL creerà una directory per l'archiviazione dei file: \\wsl\Ubuntu-20.04 (sostituire Ubuntu-20.04 con qualsiasi distribuzione Linux in uso). Per aprire questa directory in Esplora file di Windows, aprire la riga di comando WSL, selezionare la home directory usando cd ~, quindi immettere il comando explorer.exe . Prestare attenzione a non installare o archiviare i file con cui si lavorerà sull'unità C montata (/mnt/c/Users/yourname$). Questa operazione rallenta notevolmente i tempi di installazione e compilazione.

Installare Vue.js

Per installare Vue.js in WSL:

  1. Aprire una riga di comando WSL (ad esempio Ubuntu).

  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.

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