Condividi tramite


Creare un'app Vue.js

In questa introduzione di 5-10 minuti all'ambiente di sviluppo integrato (IDE) di Visual Studio si crea ed esegue una semplice applicazione Web front-end Vue.js.

Prerequisiti

Assicurarsi di installare quanto segue:

Creazione dell'app

  1. Nella finestra iniziale (scegliere Finestra di avvio file>da aprire), selezionare Crea un nuovo progetto.

    Screenshot showing Create a new project

  2. Cercare Vue nella barra di ricerca nella parte superiore e quindi selezionare Progetto Vue JavaScript autonomo o Progetto Vue TypeScript autonomo, in base alle preferenze.

    Screenshot showing choosing a template

  3. Assegnare un nome al progetto e alla soluzione e quindi scegliere Avanti.

  4. Scegliere Crea e quindi attendere che Visual Studio crei il progetto.

Visualizzare le proprietà del progetto

Le impostazioni predefinite del progetto consentono di compilare ed eseguire il debug del progetto. Tuttavia, se è necessario modificare le impostazioni, fare clic con il pulsante destro del mouse sul progetto in Esplora soluzioni, selezionare Proprietà e quindi passare alla sezione Compilazione o debug.

Nota

launch.json archivia le impostazioni di avvio associate al pulsante Start nella barra degli strumenti Debug. Attualmente, launch.json deve trovarsi nella cartella .vscode .

Compilare il progetto

Scegliere Compila>Compila soluzione per compilare il progetto.

Avviare il progetto

Premere F5 o selezionare il pulsante Start nella parte superiore della finestra e verrà visualizzato un prompt dei comandi, ad esempio:

  • VITE v4.4.9 ready in 780 ms

    Nota

    Controllare l'output della console per i messaggi, ad esempio un messaggio che indica di aggiornare la versione di Node.js.

Verrà visualizzata l'app Vue.js di base.

Passaggi successivi

Per l'integrazione di ASP.NET Core: