Condividi tramite

Installare Vue.js direttamente in Windows

Guida alla configurazione di un ambiente di sviluppo Vue.js in Windows. Per ulteriori informazioni, consultare la pagina 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 NodeJS, si vuole verificare la parità con un server di produzione Linux o pianificare di seguire un'esercitazione che usa i comandi Bash. È anche possibile considerare Vite come alternativa a Vue.js.

Prerequisiti

  • Installare Node.js in Windows: include un gestore delle versioni, un gestore dei pacchetti e Visual Studio Code. Node Package Manager (npm) viene usato per installare Vue.js.

Installare Vue.js

Per installare Vue.js:

  1. Aprire 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 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 una rete CDN, anziché NPM, vedere la documentazione Vue.js installare. Vedere la documentazione di Vue per una spiegazione di compilazioni vue diverse.

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