Installare Vue.js nel sottosistema Windows per Linux

Guida alla configurazione di un ambiente di sviluppo Vue.js nel sottosistema Windows per Linux (WSL). Per informazioni generali, vedere la panoramicaVue.js.

Vue può essere installato direttamente su Windows o su WSL. WSL è consigliato se si prevede di interagire con un back-end Node.js, distribuirlo in server Linux o seguire le esercitazioni che usano i comandi Bash.

Prerequisiti

• Installare sottosistema Windows per Linux (WSL), inclusa una distribuzione Linux (ad esempio Ubuntu) in esecuzione in modalità WSL 2. Verificare con: 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.

Importante

Archiviare i file di progetto all'interno del file system WSL (ad esempio, ~/projects), non nell'unità Windows montata (/mnt/c/). Il funzionamento attraverso il limite del file system rallenta significativamente i tempi di installazione e compilazione.

Creare un progetto Vue

Il modo consigliato per avviare un nuovo progetto Vue 3 è npm create vue@latest, che usa create-vue, lo strumento di impalcatura basato su Vite:

1. Aprire il terminale WSL ,ad esempio Ubuntu.

2. Vai alla directory dei tuoi progetti:

   mkdir -p ~/projects
   cd ~/projects
   

3. Creare un nuovo progetto Vue:

   npm create vue@latest
   

   Il programma di installazione richiede di assegnare un nome al progetto e scegliere le funzionalità facoltative (TypeScript, supporto JSX, Router Vue, Gestione dello stato Pinia, Vitest, ESLint).

4. Passare alla cartella del progetto, installare le dipendenze e avviare il server di sviluppo:

   cd <your-project-name>
   npm install
   npm run dev
   

   L'app sarà disponibile all'indirizzo http://localhost:5173.

Risorse aggiuntive

• la documentazione di Vue
• Vue.js panoramica
• Installare Vue.js su Windows
• Muovi i primi passi con Vue.js nel percorso di apprendimento
• Esercitazione su Vue con VS Code