Hoe Vue CLI op Ubuntu 20.04 te installeren

In dit artikel leggen we uit hoe je Vue CLI installeert op Ubuntu 20.04.

Vue.js is een open-source model-view-viewmodel front-end JavaScript-framework. Dit artikel zal u begeleiden bij het installatieproces en het maken van hallo wereld eerste project.

Vereisten

• Een Ubuntu 20.04 geïnstalleerde dedicated server of KVM VPS.
• Een root-gebruikerstoegang of een normale gebruiker met beheerdersrechten.

Installeer Vue CLI op Ubuntu 20.04

1 - Houd de server up-to-date

# apt update -y

2 - Download NodeJS

Download de nieuwste stabiele release van NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

3 - Installeer NodeJS

Installeer vervolgens de NodeJS met de volgende opdracht:

# apt-get install -y nodejs

4 - Controleer de installatie

# node -v && npm -v

Uitgang:

v15.9.0
7.5.4

5. Installeer Vue CLI

Het volgende commando zal Vue CLI installeren.

# npm install -g @vue/cli

Controleer de installatie:

# vue --version

Uitgang:

@vue/cli 4.5.11

6. Vue-project maken

# vue create hello-world

U wordt gevraagd een voorinstelling te kiezen. Je kunt ofwel de standaardvoorinstelling kiezen die wordt geleverd met een standaard Babel + ESLint-setup, of 'Handmatig functies selecteren' selecteren om de functies te kiezen die je nodig hebt.

Uitgang:

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features

Project hello-world succesvol gemaakt.
Ga aan de slag met de volgende opdrachten:

# cd hello-world
# npm run serve

Uitgang:

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.106:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

Navigeer naar uw browser en open http://[server_IP]:8080.

Dat is het. De installatie is voltooid.

In dit artikel hebben we gezien hoe Vue CLI op Ubuntu 20.04 kan worden geïnstalleerd.