Installere vue.JS på Ubuntu Topp 10.Topp 10

Vue.JS er et progressivt, tilgjengelig og kraftig JavaScript -rammeverk som er reaktivt og enkelt å lære. Det gir forskjellige verktøy og biblioteker som er virkelig fantastiske å tilpasse og lære. Vue.JS hjelper med å bygge webapplikasjoner med kunnskap om JavaScript, HTML og CSS på kort tid.

Det er et progressivt rammeverk og kjernebiblioteket har muligheten til å integrere seg med de andre verktøyene og bibliotekene. Det gir komponentbasert programmering for å utvikle et enkelt og effektivt brukergrensesnitt.

Denne artikkelen beskriver en trinnvis installasjon av Vue.JS på den siste versjonen av Ubuntu 22.04.

Hvordan installere Vue.JS på Ubuntu 22.04

To forskjellige metoder er gitt nedenfor for installasjon av vue.JS på Ubuntu 22.04.

• Ved hjelp av npm
• Ved hjelp av CLI

Metode 1: Installere Vue.JS ved hjelp av npm

For storskala applikasjonsproduksjoner, installerer Vue.JS til NPM er å foretrekke på Ubuntu 22.04. Node.JS og NPM er forutsetninger for å installere Vue.JS.

Trinn 1: Installer node.JS

For å installere node.JS på Ubuntu 22.04, Åpne terminalen ved hjelp av CTRL + ALT + T -snarveisnøkler og kjør følgende kommando.

$ sudo apt installer nodejs

Skriv inn "y" for å tillate og fortsette installasjonsprosessen til node.JS.

Node.JS er installert vellykket på Ubuntu 22.04. Hvis node.JS er allerede installert, og installer deretter bare av NPM.

Bekreft installasjon av noden.JS

For å bekrefte den installerte versjonen av Node.JS, kjør følgende kommando:

$ nodejs -Versjon

Det er bekreftet at den installerte versjonen av Node.JS er v12.22.9

Trinn 2: Installer npm

For å installere NPM, kjør følgende kommando i terminalen:

$ sudo apt install npm

NPM er installert med hell.

Kontroller installasjonen av NPM

For å bekrefte den installerte versjonen av NPM, kjør følgende kommando:

$ npm -Versjon

Den installerte versjonen av npm er 8.5.1

Trinn 3: Installer Vue.JS

Å installere den nyeste stabile versjonen av Vue.JS på Ubuntu 22.04 Gjennom npm, kjør følgende kommando:

$ npm installer vue@neste

Vue.JS er vellykket installert i Ubuntu 22.04.

Metode 2: Installere Vue.JS ved å bruke CLI

CLI er den komplette pakken som brukes til å installere Vue.JS på Ubuntu 22.04. En bruker må ha en grunnleggende kunnskap om front-end-programmering og node.JS før du bruker CLI -metoden for vue.JS -installasjon.

Å installere den nyeste stabile versjonen av Vue.JS på Ubuntu 22.04 Bruk Vue Command Line -grensesnitt, kjør følgende kommando i terminalen:

$ sudo npm install -g @vue/cli

Den stabile versjonen av Vue.JS er installert vellykket på Ubuntu 22.04 Bruke Vue CLI.

Hvordan bekrefte den installerte versjonen av Vue.JS

For å sjekke den installerte versjonen av Vue.JS På Ubuntu, kjør følgende kommando i terminalen:

$ VUE -Versjon

Den installerte versjonen av Vue.JS er 5.0.4

Hvordan oppgradere til en stabil versjon av Vue.JS?

Å oppgradere til den siste stabile versjonen av Vue.JS på Ubuntu 22.04, kjør følgende kommando:

$ sudo npm oppdatering -g @vue/cli

Hvordan lage en vue.JS -applikasjon?

Det er to måter å lage en vue.JS -applikasjon:

• Gjennom CLI
• Gjennom GUI

Lag en vue.JS -applikasjon ved hjelp av CLI

Å starte vue.JS, lag en demo -app ved hjelp av CLI ved å kjøre følgende kommando:

$ vue Create Demo-App

Her er "demo-app" navnet på applikasjonen. Du kan også oppgi ditt valgnavn.

Velg en forhåndsinnstilling (Vue 3 er den siste og foretrukne):

Det vil begynne å opprette og sette opp applikasjonen for deg:

Prosjektet “Demo-App” opprettes vellykket.

Lag en vue.JS -søknad gjennom GUI

Å starte vue.JS eller opprette en demo -app gjennom GUI -metoden, bare kjør følgende kommando som åpner vinduet i nettleseren:

vue ui

Etter å ha kjørt kommandoen på terminalen, åpner du den medfølgende koblingen i nettleseren, så har du en webside som vist nedenfor:

Klikk på "Opprett" menyalternativet, og fra delen dukket opp, klikker du på "Opprett et nytt prosjekt her" -knappen:

Angi prosjektnavnet, pakkebehandler og klikk på "Neste" -knappen:

Angi forhåndsinnstillingen (standard Vue 3 ville være bra):

Det vil begynne å lage et prosjekt og ferdigstille på en stund.

Vue -prosjektet opprettes vellykket, og du kan begynne å kode ved å gå prosjektkatalogen og åpne de relative filene.

Konklusjon

For å installere vue.JS på Ubuntu, installer først forutsetninger (node.JS og NPM) og installer deretter Vue.js ved å bruke “npm installer vue @next” eller “sudo npm install -g @vue/cli” -kommandoen. Denne artikkelen forklarte en trinn-for-trinn-prosess for hvordan du installerer Vue.JS ved å bruke de to metodene inkludert installasjon av node.JS og NPM. Det også hvordan du kommer i gang med den siste stabile versjonen av Vue.JS på Ubuntu 22.04.