Comment installer Vue CLI sur Ubuntu 20.04

Dans cet article, nous expliquerons comment installer Vue CLI sur Ubuntu 20.04.

Vue.js est un framework JavaScript frontal open source modèle–vue–modèle de vue. Cet article vous guidera dans le processus d'installation et la création du projet hello world first.

Conditions préalables

• Un serveur dédié installé Ubuntu 20.04 ou KVM VPS.
• Un accès utilisateur root ou un utilisateur normal avec des privilèges administratifs.

Installer Vue CLI sur Ubuntu 20.04

1 - Maintenir le serveur à jour

# apt update -y

2 - Télécharger NodeJS

Téléchargez la dernière version stable de NodeJS.

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

3 - Installer NodeJS

Ensuite, installez NodeJS à l'aide de la commande suivante :

# apt-get install -y nodejs

4 - Vérifier l'installation

# node -v && npm -v

Sortir:

v15.9.0
7.5.4

5. Installer Vue CLI

La commande suivante installera Vue CLI.

# npm install -g @vue/cli

Vérifiez l'installation :

# vue --version

Sortir:

@vue/cli 4.5.11

6. Créer un projet Vue

# vue create hello-world

Vous serez invité à choisir un préréglage. Vous pouvez soit choisir le préréglage par défaut fourni avec une configuration de base Babel + ESLint, soit sélectionner "Sélectionner manuellement les fonctionnalités" pour choisir les fonctionnalités dont vous avez besoin.

Sortir:

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

Projet hello-world créé avec succès.
Commencez avec les commandes suivantes :

# cd hello-world
# npm run serve

Sortir:

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.

Accédez à votre navigateur et ouvrez http://[server_IP]:8080.

C'est ça. L'installation est terminée.

Dans cet article, nous avons vu comment installer Vue CLI sur Ubuntu 20.04.