Condividi tramite

Installare Vue.js nel sottosistema Windows per Linux

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

Vue può essere installato direttamente su Windows o su WSL. In genere, consigliamo di eseguire l'installazione su WSL se si prevede di interagire con un back-end NodeJS, si desidera parità con un server di produzione Linux o si intende seguire un tutorial che utilizza 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 un gestore di versioni, un gestore di 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 di WSL, selezionare la home directory usando cd ~, poi immettere il comando explorer.exe .. Prestare attenzione a non installare o archiviare i file che verranno usati nell'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 usando Gestione pacchetti Node (npm):

npm install vue

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

Annotazioni

Per installare Vue.js usando un CDN, anziché NPM, vedere la documentazione di installazione Vue.js.

Installare Vue CLI

Vue CLI è un toolkit per lavorare con Vue nel terminale o nella riga di comando. 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). Vue CLI è un pacchetto npm installato a livello globale che gestisce alcune delle complessità di compilazione, ad esempio l'uso di Babel o Webpack. Se non stai creando una nuova app a pagina singola, potresti non aver bisogno o non voler usare la Vue CLI.

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

npm install -g @vue/cli

Per ulteriori informazioni sui plug-in aggiuntivi che possono essere aggiunti (ad esempio linting o Apollo per l'integrazione di GraphQL), visitare plug-in di Vue CLI nella documentazione di Vue CLI.

Risorse aggiuntive