Explication détaillée des étapes d'installation et d'utilisation de vue-cli

Cette fois, je vous apporte un guide détaillé étape par étape pour l'installation de vue-cli Quelles sont les précautions pour l'installation et l'utilisation de vue-cli ? Ce qui suit est un cas pratique.

La condition préalable à l'installation de vue-cli est que vous ayez installé npm. Pour installer npm, vous pouvez directement télécharger le package d'installation du nœud pour l'installation. Vous pouvez saisir npm -v dans l'outil de ligne de commande pour vérifier si npm est installé et la version. Le numéro de version qui apparaît indique que vous avez installé npm et node. Si cette commande n'est pas disponible, vous devez simplement installer le package logiciel node en fonction de la version de votre système.

1. Installez vue-cli

Saisie dans l'outil de ligne de commande :

npm install vue-cli -g

-g : représente Installation globale. Utilisez vue -V pour vérifier le numéro de version de votre installation (-V, en majuscule)

2 Initialisez le projet

<.>Nous utilisons la commande vue init pour initialiser le projet :

vue init <template-name> <project-name>

: représente le nom du modèle, vue-cli nous fournit officiellement 5 modèles,

webpack, webpack-simple, Browserify, Browserify-simple, simple

 : identifie le nom du projet. Vous pouvez le nommer en fonction de votre propre projet. Dans le processus de développement actuel, nous utilisons généralement le modèle webpack.

vue init webpack vueclitest

Après avoir entré la commande, il nous sera demandé quelques options simples, nous pourrons les remplir en fonction de nos besoins.

Nom du projet : Nom du projet. Remarque : les lettres majuscules ne peuvent pas être utilisées ici.

Description du projet : Description du projet.

Auteur : Auteur, si vous avez un auteur configuré avec git, il lira.

Installer vue-router  : s'il faut installer le plug-in routage de vue. oui

Utiliser ESLint pour votre code ? : Utiliser ou non ESLint pour limiter les erreurs et le style de votre code. Pas besoin de pratiquer seul. Si vous développez avec une grande équipe, il est préférable de la configurer.

configurer des tests unitaires avec Karma +Mocha ?Avez-vous besoin d'installer l'outil test unitaire. Nous n’en avons pas besoin. N

Configurer les tests e2e avec Nightwatch ?Que ce soit pour installer e2e pour les tests de simulation decomportement des utilisateurs, je n'en ai pas besoin pour ma propre pratique. Entrez n

pour que nous ayons initialisé la première étape.

cd vueclitest Entrez dans notre répertoire de projet vue.

npm install Installez les dépendances de notre projet, c'est-à-dire installez les packages dans package.json (vous pouvez également utiliser cnpm pour installer)

npm run dev Exécutez notre programme en mode développement. Nous avons automatiquement créé un environnement de serveur de développement, l'avons ouvert dans le navigateur et surveillé les modifications de notre code en temps réel.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser vue router pour participer au routeur

Comment utiliser PHP pour implémenter la reconnaissance faciale dans l'applet WeChat Connectez-vous avec votre visage

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!