7
votes

Lancement du chrome et du débogage de Visual Studio Code

J'utilise le code Visual Studio pour déboguer du JavaScript avant (pour un plug-in WordPress). J'ai du mal à configurer le fichier de lancement.json correctement.

Je peux lancer chrome manuellement, puis y attacher après le fait (à l'aide d'une demande d'attache), auquel cas les points d'arrêt JavaScript fonctionnent bien.

Si je lance Chrome à partir de VSCode (à l'aide de la demande de lancement), il se connecte (je vois la sortie de la console) mais je ne reçois pas mes points d'arrêt. Je suppose qu'il y a quelques paramètres incorrects dans mon fichier de lancement.json. xxx

}

J'ai essayé ce que je pouvais penser à la racine Web ( Y compris le chemin d'accès local complet vers la racine Web de «htdocs» et le chemin relatif que vous voyez ci-dessus. Il ne semble pas se soucier de ce que j'ai mis là-bas, alors peut-être que je aboie le mauvais arbre. < p> Le dossier du projet local est ici:

/ Accueil / ME / Code / Vagrant-local / www / WordPress-MyClient / htdocs / WP-Contenu / Plugins / CEE-Signup-Formulaire < / code>

sur le serveur, qui plante à:

http://myclient.dev/wp-content/plugins/cee-signup-form

dans la page 'Signup-formulaire' i Inclure le fichier JavaScript en question, en utilisant son URL complète.

évidemment, je peux aller manuellement l'URL, puis attacher chaque fois que je Voulez-vous déboguer, mais avoir un lancement en un clic et un débogage serait bien supérieur.

Qu'est-ce que je fais mal?


0 commentaires

3 Réponses :


1
votes

Dans mon cas, sur Ubuntu 14.04, cela a fonctionné après avoir ajouté

"runtimeExecutable": "/usr/bin/chromium-browser"


0 commentaires

1
votes

Il s'avère qu'il s'agissait d'un bogue dans VSCODE, et il est fixé dans la dernière version (1.2.1). Après la mise à jour, je devais faire trois choses.

Mettez à jour l'extension chromée forte> p>

dans VSCode, appuyez sur Ctrl + P pour afficher la palette de commandes, puis: P > xxx pré>

à ce stade, il vous laissera les mettre à jour. En savoir plus ici: https://code.visutudio.com/docs / Editor / Extension-Galerie # _Update-an-Extension P>

Modifier la configuration de lancement forte> p>

Ils nécessitent maintenant des chemins absolus pour la racine Web . Donc, je devais modifier la propriété webroot cod> du fichier launch.json launch.json pour inclure explicitement la racine de l'espace de travail. P>

"webRoot": "${workspaceRoot}/../../..",


0 commentaires

12
votes

Veuillez suivre ci-dessous étapes:

  1. Vérifiez que vous avez installé "VS Code - Debugger pour chrome" Extension.
  2. Mettez d'abord ce code dans .vscode / Launch.json: xxx
    1. Allez au mode de débogage en code vs et commencez par "Plein pile".

    2. Démarrer NPM

      Voir ceci: https://github.com/auchenberg/timey


2 commentaires

Bonjour @Lennartkloppenburg, merci pour la suggestion. J'ai édité et formaté.


Salut Vijay, cette configuration est-elle toujours valide? Je reçois une erreur sur vscode 1.16.1. Fondamentalement, j'ai un fichier JS avec du code et lorsque j'essaye le débogage ne peut pas se connecter au processus d'exécution, le délai d'attente après 10000 ms - (raison: impossible de se connecter à la cible: Connectez Econnrefused 127.0.0.1:9229).