Installer Vue.js dans Ubuntu 20.04

Dans ce didacticiel, nous fournirons un processus simple, étape par étape, pour vous aider à démarrer avec Vue.js. Vue.js est un framework JavaScript puissant, progressif et réactif, accessible et facile à apprendre. Il fournit de nombreux outils et bibliothèques différents qui facilitent le processus de développement d'applications. Si vous avez des connaissances en HTML, CSS et JavaScript, vous pouvez commencer à créer des applications Web avec Vue.js en un rien de temps.

Installation

Pour intégrer Vue.js dans un projet, vous pouvez utiliser le package CDN, NPM ou CLI.

Utilisation du package CDN

Si vous voulez commencer à apprendre Vue.js, alors il est préférable d'utiliser le package CDN. Vous pouvez simplement ajouter la balise de script suivante dans votre projet pour commencer.

Cependant, cette méthode n'est pas recommandée à des fins de production car elle peut entraîner des problèmes de compatibilité à l'avenir.

Utiliser NPM

Pour les applications de production à grande échelle, vous devez installer Vue.js en utilisant NPM. Pour utiliser cette méthode, vous devez avoir Node.js installé sur votre machine. Si vous n'avez pas installé Node.js encore, vous pouvez découvrir comment en lisant notre article Comment installer Node.js et npm sur Ubuntu 20.04 - Indice Linux. Si vous avez déjà installé Node.js, alors vous pouvez installer Vue.js en exécutant la commande NPM suivante dans votre terminal

# dernière écurie
$ npm installer vue@next

Utilisation de l'interface de ligne de commande

Vue CLI est un package complet pour Vue.développement js. CLI est installé globalement à l'aide du gestionnaire de packages NPM. Avant d'installer Vue.js en utilisant la méthode Vue CLI, vous devez avoir une connaissance préalable de Node.js et outils de construction frontaux. De plus, nous pouvons utiliser soit npm ou la fil directeur chargé d'emballage.

$ sudo fil global add @vue/cli
# OU ALORS
$ sudo npm install -g @vue/cli

Après avoir installé la dernière version de Vue.js en utilisant Vue CLI, vous pouvez facilement mettre à niveau vos projets. Pour vérifier votre version de Vue.js, vous pouvez exécuter la commande suivante

vue --version

Si vous souhaitez passer à la dernière version stable de Vue.js, vous pouvez utiliser la commande Vue CLI suivante.

$ sudo fil mise à niveau globale --latest @vue/cli
# OU ALORS
$ sudo npm update -g @vue/cli

Premiers pas avec Vue.js

Pour commencer avec Vue.js, pour créer un projet à l'aide de Vue CLI à l'aide de la commande suivante.

vue créer une application de démonstration

Après avoir exécuté cette commande, il vous sera demandé de choisir un préréglage.

Vous pouvez soit utiliser la valeur par défaut, soit ajouter des fonctionnalités personnalisées. Vous pouvez également utiliser la méthode GUI pour créer un projet Vue en utilisant la commande suivante.

vue ui

Cette commande ouvrira une fenêtre dans le navigateur pour vous aider à créer un projet.

Résumé

Dans cet article, nous vous avons montré comment installer Vue.js en utilisant trois méthodes différentes. Après avoir installé Vue.js, vous pouvez gérer efficacement votre application web. Si vous voulez commencer à utiliser Vue.js tout de suite, vous pouvez utiliser la méthode du package CDN. Cependant, à des fins de production, vous devez utiliser la méthode NPM ou la méthode CLI.

Pour en savoir plus sur Vue.js, vous pouvez visiter le site officiel ici : Vue.js.