Inhoudsopgave:

Hoe bouw ik een Vue-project?
Hoe bouw ik een Vue-project?

Video: Hoe bouw ik een Vue-project?

Video: Hoe bouw ik een Vue-project?
Video: How to create a VUE js project in just 5 minutes! 2024, Mei
Anonim

Het project: bouw een Hello World Vue-toepassing met behulp van componenten uit één bestand

  1. Stap 1: Maak de projecteren structuur.
  2. Stap 2: Installeer de afhankelijkheden.
  3. Stap 3: Maak de bestanden aan (behalve ons Webpack-configuratiebestand).
  4. Stap 4: Webpack instrueren wat te doen.
  5. Stap 5: Stel ons pakket samen.
  6. Stap 7: Gebouw ons projecteren .

Dus, hoe maak ik een Vue-project aan?

Open uw terminal en voer de volgende opdracht uit om: start Vue GUI in uw browser. Klik nu op a creëren tabblad en selecteer de locatie om uw app op te slaan en klik vervolgens op Creëren een nieuwe projecteren hier knop. Voer uw projecteren naam en kies uw pakketbeheerder en klik vervolgens op de knop Volgende.

Men kan zich ook afvragen, hoe voer ik de VUE-applicatie uit? De Vue-voorbeeldapp implementeren

  1. Navigeer naar de hoofdmap van de toepassing in de opdrachtregel.
  2. Typ npm install --global surge om Surge op uw computer te installeren.
  3. Typ npm run build om de toepassing te bouwen en klaar te maken voor productie.
  4. Typ cd dist om naar de buildmap te gaan.

Is Vue daarom geschikt voor grote projecten?

Vue . Vue is lichtgewicht, gemakkelijk te leren en prettig om in te schrijven. Vanwege de bekende sjabloonsyntaxis en het gebruik van componenten, integreren of migreren van bestaande projecten tot Vue gaat sneller en soepeler. Om die reden, Vue is geweldig voor startups, maar kan net zo goed worden gebruikt in groot -schaal toepassingen.

Moet ik Vue CLI gebruiken?

Net als Angular, de Vue team heeft een opdrachtregel koppel ( CLI ) om projecten te helpen ontwikkelen met Vue . Als je alleen maar een SPA aan het bouwen bent, CLI kan het opzetten van een project echt helpen vereenvoudigen. In mijn gedachten betekent dit dat er een gebruik maken van -geval voor Vue. gebruiken zonder de complexiteit van een JavaScript-buildstap.

Aanbevolen: