Installer Vue.JS dans Ubuntu Top 10.Top 10

Dans ce tutoriel, nous fournirons un processus facile à étape par étape pour vous aider à démarrer avec Vue.js. Vue.JS est un cadre JavaScript puissant, progressif et réactif qui est accessible et facile à apprendre. Il fournit de nombreux outils et bibliothèques différents qui facilitent le processus de développement des applications. Si vous avez des connaissances sur 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, le NPM ou la 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.

Utilisation de NPM

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

# Dernière écurie
$ npm installer vue @ suivant

Utilisation de CLI

Vue CLI est un package complet pour Vue.Développement JS. CLI est installé à l'échelle mondiale à l'aide du gestionnaire de packages NPM. Avant d'installer Vue.JS Utilisation de la méthode Vue CLI, vous devez avoir une connaissance préalable du nœud.outils de construction JS et frontaux. De plus, nous pouvons utiliser soit NPM ou la fil directeur chargé d'emballage.

$ sudo yarn global add @ vue / cli
# OU
$ sudo npm install -g @ vue / CLI

Après avoir installé la dernière version de Vue.js 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 Yarn Global Mise à niveau - LATEST @ VUE / CLI
# OU
$ sudo npm update -g @ vue / cli

Commencer avec Vue.js

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

Vue Créer une démo

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

Vous pouvez soit aller avec 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.