Installer Vue.JS i Ubuntu Topp 10.Topp 10

I denne opplæringen vil vi tilby en enkel trinn-for-trinn-prosess for å hjelpe deg i gang med Vue.JS. Vue.JS er et kraftig, progressivt, reaktivt JavaScript -rammeverk som er tilgjengelig og lett å lære. Det gir mange forskjellige verktøy og biblioteker som letter applikasjonsutviklingsprosessen. Hvis du har kunnskap om HTML, CSS og JavaScript, kan du begynne å bygge webapplikasjoner med Vue.JS på kort tid.

Installasjon

Å integrere vue.JS I et prosjekt kan du bruke CDN -pakken, NPM eller CLI.

Bruke CDN -pakken

Hvis du vil begynne å lære vue.JS, da er det best å bruke CDN -pakken. Du kan ganske enkelt legge til følgende skriptetag i prosjektet ditt for å komme i gang.

Denne metoden anbefales imidlertid ikke for produksjonsformål fordi den kan føre til problemer med kompatibilitet i fremtiden.

Ved hjelp av npm

For storskala produksjonsapplikasjoner, bør du installere Vue.JS ved hjelp av npm. For å bruke denne metoden, må du ha node.JS installert på maskinen din. Hvis du ikke har installert Node.JS ennå, kan du finne ut hvordan du ved å lese artikkelen vår hvordan du installerer Node.JS og NPM på Ubuntu 20.04 - Linux hint. Hvis du allerede har installert Node.JS, så kan du installere Vue.JS ved å kjøre følgende npm -kommando i terminalen din

# Siste stall
$ npm installer vue@neste

Ved hjelp av CLI

Vue Cli er en komplett pakke for Vue.JS -utvikling. CLI er installert globalt ved hjelp av NPM -pakkebehandleren. Før du installerer Vue.JS ved hjelp av Vue CLI -metoden, må du ha noen forkunnskaper om node.JS og front-end bygningsverktøy. I tillegg kan vi bruke en av npm eller garn Pakkesjef.

$ sudo garn global add @vue/cli
# Eller
$ sudo npm install -g @vue/cli

Etter å ha installert den nyeste versjonen av Vue.JS ved hjelp av Vue CLI, du kan enkelt oppgradere prosjektene dine. For å sjekke din versjon av Vue.JS, du kan kjøre følgende kommando

VUE -Versjon

Hvis du vil oppgradere til den siste stabile versjonen av Vue.JS, du kan bruke følgende Vue CLI -kommando.

$ sudo garn global oppgradering - -Latest @vue/cli
# Eller
$ sudo npm oppdatering -g @vue/cli

Komme i gang med Vue.JS

Å komme i gang med Vue.JS, for å lage et prosjekt ved hjelp av Vue CLI ved hjelp av følgende kommando.

VUE Create Demo-App

Etter å ha kjørt denne kommandoen, blir du bedt om å velge en forhåndsinnstilling.

Du kan enten gå med standard eller legge til tilpassede funksjoner. Du kan også bruke GUI -metoden for å lage et Vue -prosjekt ved å bruke følgende kommando.

vue ui

Denne kommandoen vil åpne et vindu i nettleseren for å hjelpe deg med å opprette et prosjekt.

Sammendrag

I denne artikkelen viste vi deg hvordan du installerer Vue.JS ved å bruke tre forskjellige metoder. Etter å ha installert Vue.JS, du kan administrere webapplikasjonen din effektivt. Hvis du vil begynne å bruke vue.JS med en gang kan du bruke CDN -pakkemetoden. For produksjonsformål bør du imidlertid bruke enten NPM -metoden eller CLI -metoden.

For å lære mer om Vue.JS, du kan besøke det offisielle nettstedet her: Vue.JS.