Metodo per costruire l'ambiente di sviluppo Vue utilizzando vue-cli + webpack

Qui dobbiamo prima scaricare node, perché useremo il pacchetto npm per il download, basato su node

Non facciamo troppe chiacchiere, entriamo direttamente nel tema principale

Scarica node, allo stesso tempo devi scaricare git, in futuro imputeremo i comandi su git per costruire il nostro ambiente vue

Git utilizza i comandi linux

Non chiedere perché, se funziona va bene, non credi?

Sul sistema Windows, dopo aver scaricato git, clicca con il tasto destro del mouse sulla scrivania e vedrai git Bash, aprilo e quindi aprirai git

Git ha molte funzioni, allo stesso tempo Git può pushare i tuoi file su github, github è uno strumento di gestione dei repository molto buono

Bene, iniziamo direttamente, dopo aver aperto git viene visualizzato

Poi esegui npm install webpack

verrà scaricata automaticamente l'ultima versione di webpack

Entriamo direttamente nel tema principale, come utilizzare vue-cli per costruire l'ambiente di sviluppo vue

Qui dobbiamo installare globalmente vue-cli

Esegui npm install vue-cli -g nel git per installare l'ambiente di comando vue

Esegui vue --version per verificare se l'installazione è avvenuta con successo

Visualizza la versione di vue, il che significa che l'installazione è avvenuta con successo

Questo significa che è stato installato globalmente

Ora inseriamo vue init webpack-simple <nome del template, è il nome del tuo progetto> sulla riga di comando

Qui usiamo webpack-simple per costruire, perché non ha regole rigorose, è più facile per la maggior parte degli sviluppatori, la differenza rispetto a webpack non la spiego in dettaglio, ma se avete bisogno, potete lasciare un commento qui e condivideremo con voi

Qui il nome del mio progetto è myvue

Quindi eseguo vue init webpack-simple myvue

Sulla scrivania ci sarà una cartella myvue

Eseguiamo cd myvue per entrare nella nostra cartella del progetto

Noterai che ci saranno questi file nella cartella, questo è l'ambiente costruito automaticamente da vue-cli per noi

Eseguiamo npm install

In questo momento dobbiamo aspettare un po ', npm sta scaricando alcuni file basati su node per noi

Poi noterai che è stato aggiunto un file node_modules, che contiene alcuni moduli di node

Poi eseguiamo npm run dev sulla riga di comando

Vue ha automaticamente aperto il browser e eseguito questo progetto Vue

Così, la creazione dell'ambiente di sviluppo per Vue utilizzando vue-cli è stata completata con successo. Se avete qualsiasi domanda, lasciate un commento e il moderatore risponderà prontamente. Ringrazio anche tutti i sostenitori del tutorial di urla!

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright spetta ai rispettivi proprietari. Il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, il sito web non detiene il diritto di proprietà, non è stato editato manualmente e non assume alcuna responsabilità legale. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a notice#oldtoolbag.com (sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata, il sito web rimuoverà immediatamente il contenuto sospetto di violazione del copyright.