Outil d'échafaudage officiel Vue @ vue / cli

Qu'est-ce qu'un outil d'échafaudage?

En fait, c'est un outil utilisé pour construire rapidement des projets.

Utilisez @ vue / cli

  1. Installation globale @ vue / cli
npm install @vue/cli -g
  1. Une fois l'installation globale terminée, une commande vue est fournie. Utilisez vue -V pour vérifier la version de l'échafaudage
  2. Utilisez la commande vue pour créer un projet sous le dossier dans lequel vous souhaitez créer le projet et sélectionnez la configuration. (Remarque, n'utilisez pas git bash pour fonctionner, git bash ne peut pas monter et descendre les touches)
vue create 项目名字

Configuration: Il peut être contrôlé par les touches haut et bas pour choisir ce dont vous avez besoin.
Insérez la description de l'image ici

Introduction aux fichiers de base des projets créés par échafaudage (configuration par défaut)

  • Dépendances du
    projet node_modules


  • Dossier public de ressources statiques. (Ceux stockés ici n'ont pas besoin d'être traités par l'outil de construction)


    • petite icône de favicon.ico pour le navigateur du projet en cours
    • index.html
      La page d'entrée de l'ensemble du projet , un seul élément de point de montage est fourni dans ce fichier et le contenu js est géré par l'outil de construction

  • Le dossier du code source du projet src (le contenu placé dans ce dossier est tous les fichiers dont nous avons besoin d'être traités par l'outil de construction)


    • dossier de composants pour stocker les composants communs de vue
    • actifs
      fichiers de ressources statiques. (Doit être géré par l'outil de construction)
    • Dix mille ans des
      deuxièmes composantes du projet App.vue
    • main.js
      Le fichier js d'entrée pour l'ensemble du projet . C'est le point de départ de l'outil de génération pour empaqueter et générer des fichiers js.
  • .gitignore
    git ignore le fichier de paramètres du fichier. Projets créés par échafaudage, initialisation git par défaut

  • babel.config.js
    fichier de configuration associé à babel. (Un outil pour convertir es6, es7, es8 et d'autres syntaxes avancées en es5)

  • package-lock.json
    dépend du fichier de verrouillage

  • Le
    fichier de description du projet package.json , qui a la configuration des dépendances

  • READMD.md
    me lire. Reprendre un projet, la première chose à faire est de lire README.md

Publié six articles originaux · louange gagné 183 · vues 10000 +

Je suppose que tu aimes

Origine blog.csdn.net/yh604005215/article/details/105589393
conseillé
Classement