Snabbstart: Skapa ett Vue.js projekt

I den här snabbstarten skapar och kör du ett grundläggande Vue.js klientwebbprogram. Den här artikeln innehåller en introduktion på 5–10 minuter till Visual Studio integrerad utvecklingsmiljö (IDE).

Förutsättningar

Förbered konfigurationen med följande förutsättningar:

• Visual Studio 2022 eller senare (Hämta den kostnadsfria versionen på Visual Studio nedladdningar)

• npm (ingår i Node.js, https://www.npmjs.com/)

• Vue.js (Installation | Vue.js (vuejs.org))

Skapa din Vue-app

Skapa en Vue.js webbapp genom att följa dessa steg:

1. I fönstret Visual Studio Start (välj File>Starta fönster) väljer du Skapa ett nytt projekt.

   

   

2. I dialogrutan Skapa ett nytt projekt anger du Vue i sökrutan. Välj Vue App-mallen för JavaScript eller TypeScript och välj Nästa.

   

   

   I Visual Studio 2022 version 11 och senare ändras mallnamnet Fristående JavaScript Vue Project till Vue App.

3. Ange ett namn för projektet och lösningen och välj Skapa.

Vänta tills Visual Studio skapar det nya projektet.

Visa projektegenskaperna

Med standardinställningarna för projektet kan du skapa och felsöka projektet.

Om du vill ändra några inställningar följer du dessa steg:

1. Högerklicka på projektet i Prieskumník riešení och välj Egenskaper.

2. I fönstret projektegenskaper väljer du Felsök, Linting, Build eller Deploy för att se motsvarande egenskaper.

Använd filenlaunch.json för felsökningskonfiguration.

Skapa projektet

Om du vill skapa ditt nya projekt väljer du Skapa>bygglösning.

Starta projektet

Välj F5 eller använd åtgärden Start överst i fönstret.

Projektet öppnar en kommandotolk med följande text (eller liknande):

VITE v4.4.9 ready in 780 ms

När processen lyckas öppnas basappen Vue.js.

Nästa steg