Installation de Vue.JS sur Ubuntu Top 10.Top 10
Il s'agit d'un cadre progressif et sa bibliothèque principale a la capacité de s'intégrer aux autres outils et bibliothèques. Il fournit une programmation basée sur des composants pour développer une interface utilisateur simple et efficace.
Cet article décrit une installation étape par étape de Vue.js sur la dernière version d'Ubuntu 22.04.
Comment installer Vue.js sur Ubuntu 22.04
Deux méthodes différentes sont fournies ci-dessous pour l'installation de Vue.js sur Ubuntu 22.04.
- Utilisation de NPM
- Utilisation de CLI
Méthode 1: Installation de Vue.js utilisant npm
Pour les productions d'applications à grande échelle, installez Vue.JS via NPM est préféré sur Ubuntu 22.04. Nœud.JS et NPM sont des conditions préalables pour installer Vue.js.
Étape 1: Installez le nœud.js
Pour installer le nœud.js sur Ubuntu 22.04, ouvrez le terminal en utilisant les touches de raccourci Ctrl + Alt + T et exécutez la commande suivante.
$ sudo apt install nodejs
Tapez «Y» pour permettre et continuer le processus d'installation du nœud.js.
Nœud.JS est installé avec succès sur Ubuntu 22.04. Si nœud.JS est déjà installé, puis installez simplement par npm.
Vérifiez l'installation du nœud.js
Pour vérifier la version installée du nœud.js, exécutez la commande suivante:
$ nodejs --version
Il est vérifié que la version installée du nœud.JS est V12.22.9
Étape 2: Installer NPM
Pour installer le NPM, exécutez la commande suivante dans le terminal:
$ sudo apt install npm
Le NPM est installé avec succès.
Vérifiez l'installation de NPM
Pour vérifier la version installée de NPM, exécutez la commande suivante:
$ npm --version
La version installée de NPM est 8.5.1
Étape 3: Installer Vue.js
Pour installer la dernière version stable de Vue.js sur Ubuntu 22.04 via NPM, exécutez la commande suivante:
$ npm installer vue @ suivant
Vue.JS est installé avec succès dans Ubuntu 22.04.
Méthode 2: Installation de Vue.js en utilisant CLI
CLI est le package complet utilisé pour installer la Vue.js sur Ubuntu 22.04. Un utilisateur doit avoir une connaissance de base de la programmation frontale et du nœud.js avant d'utiliser la méthode CLI pour Vue.Installation JS.
Pour installer la dernière version stable de Vue.js sur Ubuntu 22.04 En utilisant l'interface de ligne de commande VUE, exécutez la commande suivante dans le terminal:
$ sudo npm install -g @ vue / CLI
La version stable de Vue.js est installé avec succès sur Ubuntu 22.04 Utilisation de Vue CLI.
Comment vérifier la version installée de Vue.js
Pour vérifier la version installée de Vue.js Sur Ubuntu, exécutez la commande suivante dans le terminal:
$ vue --version
La version installée de Vue.JS est 5.0.4
Comment passer à une version stable de Vue.js?
Pour passer à la dernière version stable de Vue.js sur Ubuntu 22.04, exécutez la commande suivante:
$ sudo npm update -g @ vue / cli
Comment créer un Vue.Application JS?
Il y a deux façons de créer un Vue.Application JS:
- Par CLI
- À travers l'interface graphique
Créer un Vue.Application JS utilisant CLI
Pour démarrer la Vue.JS, créez une application de démonstration à l'aide de CLI en exécutant la commande suivante:
$ vue Créer une démo
Ici, le «Demo-App» est le nom de l'application. Vous pouvez également fournir votre nom de choix.
Choisissez un préréglage (Vue 3 est le dernier et préféré):
Il commencera à créer et à configurer l'application pour vous:
Le projet «Demo-App» est créé avec succès.
Créer un Vue.Application JS via GUI
Pour démarrer la Vue.JS ou créez une application de démonstration via la méthode GUI, exécutez simplement la commande suivante qui ouvre la fenêtre dans le navigateur:
Vue ui
Après avoir exécuté la commande au terminal, ouvrez le lien fourni dans le navigateur et vous aurez une page Web comme indiqué ci-dessous:
Cliquez sur l'option «Créer» et à partir de la section apparue, cliquez sur le bouton «Créer un nouveau projet ici»:
Définissez le nom du projet, le gestionnaire de packages et cliquez sur le bouton «Suivant»:
Définissez le préréglage (par défaut Vue 3 serait bien):
Il commencera à créer un projet et à finaliser dans un moment.
Le projet VUE est créé avec succès et vous pouvez commencer à coder en allant dans le répertoire du projet et en ouvrant les fichiers relatifs.
Conclusion
Pour installer Vue.JS sur Ubuntu, installer d'abord les conditions préalables (noeud.JS et NPM) puis installez Vue.JS en utilisant "NPM Install Vue @ Suivant" ou "Sudo NPM Install -g @ Vue / CLI". Cet article a expliqué un processus étape par étape sur la façon d'installer Vue.js en utilisant les deux méthodes, y compris l'installation de nœud.JS et NPM. C'est aussi comment démarrer avec la dernière version stable de Vue.js sur Ubuntu 22.04.