Comment installer l'échafaudage nodejs vuecli

Node.js est un environnement d'exécution JavaScript léger qui peut exécuter JavaScript côté serveur, permettant aux développeurs d'utiliser les capacités de programmation de JavaScript pour la programmation côté serveur. Vue.js est un framework frontal populaire, facile à utiliser, efficace et flexible. Il est largement utilisé dans le développement Web sur mobile et PC.

Afin d'utiliser Vue.js pour le développement Web plus facilement, Vue.js fournit un outil d'échafaudage, à savoir Vue CLI (Vue Command Line Interface). Vue CLI fournit une chaîne d'outils standardisée qui comprend des fonctions de création, de lancement et de packaging pour aider les développeurs à créer rapidement des applications Vue.js.

Cet article expliquera comment installer Node.js et Vue CLI et créer une application Vue.js de base.

Installez Node.js

Pour utiliser Vue CLI, vous devez d'abord installer Node.js. Node.js peut être téléchargé sur le site officiel https://nodejs.org/.

Choisissez la version correspondante à télécharger en fonction de votre système. Une fois l'installation terminée, ouvrez la fenêtre de ligne de commande (utilisateurs Windows) et entrez la commande suivante pour vérifier si Node.js est installé avec succès :

node -v

Si le numéro de version de Node.js est renvoyé, cela signifie que Node.js est installé avec succès.

Installer Vue CLI

Vue CLI peut être installé via npm. npm est un gestionnaire de packages pour Node.js qui peut télécharger et installer divers packages et outils JavaScript à partir du référentiel public npm.

Entrez la commande suivante dans la fenêtre de ligne de commande pour installer Vue CLI :

npm install -g @vue/cli

Cette commande installera Vue CLI dans l'environnement global et peut être utilisée n'importe où.

Création d'une application Vue.js

Après avoir installé Vue CLI, vous pouvez l'utiliser pour créer une application Vue.js.

Entrez la commande suivante dans la fenêtre de ligne de commande pour créer une application Vue.js de base :

vue create my-project

Parmi eux, my-project est le nom du projet, qui peut être modifié selon vos propres besoins.

Après avoir exécuté cette commande, Vue CLI vous demandera de sélectionner un préréglage, qui propose différentes options, notamment :

• Default (Babel, CSS)
• Default (Babel, PostCSS, ESLint)
• Default (TypeScript)
• Par défaut (TypeScript, ESLint)
• Sélectionner manuellement les fonctionnalités

Ces préréglages configureront automatiquement certaines options couramment utilisées, telles que l'utilisation de Babel, PostCSS, ESLint, etc. Si vous n'avez besoin que d'une application de base, vous pouvez choisir l'option par défaut.

Vue CLI téléchargera ensuite tous les packages et dépendances requis et générera une application Vue.js de base.

Exécutez l'application Vue.js

Après avoir créé l'application Vue.js, vous pouvez l'exécuter. Accédez au répertoire du projet dans la fenêtre de ligne de commande et entrez la commande suivante :

cd my-project
npm run serve

Cela démarrera un serveur de développement local, qui peut être consulté dans le navigateur à l'adresse http://localhost:8080 pour afficher l'application.

Résumé

Node.js et Vue CLI sont tous deux des outils très puissants qui peuvent aider les développeurs à créer rapidement des applications Vue.js. Cet article vous montre comment installer Node.js et Vue CLI, et créer une application Vue.js de base. J'espère que cet article pourra vous aider à utiliser Vue.js pour le développement Web plus facilement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!