Delen via

Vue.js rechtstreeks installeren in Windows

Een handleiding voor het instellen van een Vue.js ontwikkelomgeving in Windows. Meer informatie vindt u op de Vue.js overzichtspagina.

Vue kan rechtstreeks in Windows of in het Windows-subsysteem voor Linux (WSL) worden geïnstalleerd. Over het algemeen raden we u aan Vue te installeren op WSL als u van plan bent om te communiceren met een NodeJS-back-end, pariteit met een Linux-productieserver wilt of een zelfstudie wilt volgen die gebruikmaakt van Bash-opdrachten. U kunt vite ook overwegen als alternatief voor Vue.js.

Vereiste voorwaarden

  • Installeer Node.js op Windows: dit omvat een versiebeheer, pakketbeheer en Visual Studio Code. Node Package Manager (npm) wordt gebruikt om Vue.jste installeren.

Vue.js installeren

Vue.jsinstalleren:

  1. Open een opdrachtregel (bijvoorbeeld. Windows-opdrachtprompt of PowerShell).

  2. Maak een nieuwe projectmap: mkdir VueProjects en voer die map in: cd VueProjects.

  3. Installeer Vue.js met Node Package Manager (npm):

npm install vue

Controleer het versienummer dat u hebt geïnstalleerd met behulp van de opdracht: vue --version.

Opmerking

Als u Vue.js wilt installeren met een CDN in plaats van NPM, raadpleegt u de installatiehandleiding voor Vue.js. Zie de Vue-handleiding voor een uitleg van verschillende Vue-builds.

Vue CLI installeren

Vue CLI is een toolkit voor het werken met Vue in uw terminal/opdrachtregel. Hiermee kunt u snel een nieuw project opzetten (vue create), nieuwe ideeën prototypen (vue serve) of projecten beheren met behulp van een grafische gebruikersinterface (vue ui). Vue CLI is een wereldwijd geïnstalleerd npm-pakket dat enkele van de complexiteit van de build verwerkt (zoals het gebruik van Babel of Webpack) voor u. Als u geen nieuwe app met één pagina bouwt, hebt u mogelijk geen Vue CLI nodig of wilt u deze niet gebruiken.

Als u Vue CLI wilt installeren, gebruikt u npm. U moet de vlag -g gebruiken om globaal te installeren om een upgrade uit te voeren (vue upgrade --next):

npm install -g @vue/cli

Voor meer informatie over extra invoegtoepassingen die kunnen worden toegevoegd (zoals linting of Apollo voor het integreren van GraphQL), gaat u naar Vue CLI-invoegtoepassingen in de Vue CLI-documenten.

Aanvullende bronnen

  • Last updated on