Vue peut-elle afficher le code source ?

vue peut afficher le code source. La méthode d'affichage du code source de vue est la suivante : 1. Obtenez vue via "git clone https://github.com/vuejs/vue.git" 2. Installez les dépendances via "npm" ; i"; 3. Installez le rollup via "npm i -g rollup"; 4. Modifiez le script de développement; 5. Débogez le code source.

L'environnement d'exploitation de ce tutoriel : système Windows 10, Vue version 3, ordinateur Dell G3.

Vue peut-elle afficher le code source ?

Oui.

Conseils d'affichage du code source Vue

Créez un environnement de débogage

• Obtenez l'adresse : git clone https://github.com/vuejs/vue.git
• Dépendances d'installation : npm i
• Installez le rollup : npm i -g rollup (car il est fourni avec le rollup)
• script modifiez le script de développement et ajoutez –sourcemap

"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",

Fonction : après l'empaquetage, il y a plus de fichiers de carte dans dist, qui peuvent être très bien comparé au code source Mappage pour faciliter un meilleur débogage du code source

• Exécuter dev : npm run dev

Conseils de débogage

• Ouvrez le fichier spécifié : ctrl+p (cmd+p)

• Breakpoint

• Vérifiez la pile d'appels
  Je veux surtout clarifier la relation d'appel précédente Parfois, je suis confus si je vais trop en profondeur, alors étudiez attentivement la pile d'appels, cela peut vous donner. une bonne idée

• Localisez l'emplacement du fichier source

Après avoir maîtrisé ce qui précède et l'avoir lu plusieurs fois, l'exécution du code source sera très claire dans votre esprit.

Apprentissage recommandé : "tutoriel vidéo vue"

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!