编程知识 cdmana.com

Vue CLI configuration de débogage

Utilisé dans cet articleVSCodeMise en servicevue-cliProjets,À propos devscodePour les fonctions de débogage, voir:VSCodeMode de mise en service

Passez au sujet,Dans l'espace du projet.vscodeCréation dans le répertoire launch.json Documentation

nodeMode de mise en service

launch.jsonLe contenu du document est le suivant::

{
    
  "version": "0.2.0",
  "configurations": [
    {
    
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js",
      "args": [
        "serve"
      ]
    }
  ]
}

Point d'arrêt,Mise en service en cours d'exécution.

npmMise en service

  1. launch.jsonLe contenu du document est le suivant::
{
    
  "version": "0.2.0",
  "configurations": [
    {
    
      "type": "node",
      "request": "launch",
      "name": "Launch via NPM",
      "runtimeExecutable": "npm",
      "runtimeArgs": [
        "run-script",
        "debug"
      ],
      "port": 9229
    }
  ]
}
  1. Modifierpackage.json,Inscripts Ajouter une ligne de configuration "debug": "node.exe --inspect-brk=9229 node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js serve",Comme suit:
  ...
  "scripts": {
    
  	...
    "debug": "node.exe --inspect-brk=9229 node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js serve"
  },
  ...

Attention!:package.jsonMoyennescriptsConfigurékeyValeur(Dans l'exemple:"debug")Et –inspect-brk=9229(Le port spécifié est9229) Pour correspondre à launch.jsonMoyenneruntimeArgsConfiguréDeuxième paramètre(Dans l'exemple:"debug")Et portConfiguration(Dans l'exemple: 9229

Point d'arrêt,Mise en service en cours d'exécution.

版权声明
本文为[Markix]所创,转载请带上原文链接,感谢
https://cdmana.com/2022/01/202201080559015466.html

Scroll to Top