Comment utiliser Node.js+DevTools pour déboguer rapidement des applications ?

Comment accélérer le débogage des applications Node.js ? L'article suivant vous expliquera comment utiliser DevTools pour accélérer le débogage des applications Node.js. J'espère qu'il vous sera utile !

Lors de certains développements liés au Node, nous transmettons souvent le contenu des variables à la console pour le visualiser via Console. Il est toujours possible de visualiser des données simples, mais lorsque nous rencontrons des objets relativement volumineux et. De nombreuses fonctions d'attributs montées, la console peut ne pas être affichée, ou même le contenu peut être effacé, ce qui entrave sérieusement notre efficacité de développement. Aujourd'hui, nous allons utiliser node-nightly Déboguons facilement dans Chrome, visualisons nos objets. et les journaux de sortie.

【Apprentissage recommandé : "Tutoriel Nodejs"】

Jetons un coup d'œil à l'effet à travers un simple plug-in de démonstration de webpack

Préparer le nœud tous les soirs :

• Installer le nœud -nightly : npm install --global node-nightly. npm install --global node-nightly。

• 执行node-nightly：node-nightly。

启动入口脚本：

• 通过node-nightly执行入口脚本：node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js，脚本将在第一条语句处断开，等待操作。

• 输入chrome://inspect打开Chrome Inspect。

• 进入inspect：

• 脚本处于等待状态：

• 在source中添加当前node项目的工作空间，后续我们就可以按原来在chrome中调试JavaScript一样来操作了。

Console中的信息也打印出来了

补充说明

• 往往我们的webpack的配置文件会区分不同的环境进行特殊的配置，node-nightly同样允许我们在执行的命令后增加配置如：--config webpack.prod.js。

• 调试我们的其他简单的Node单脚本将更加简单，大家可以尝试一下。

• 如果node-nightly在运行时不正常，我们可以安装指定版本：node-nightly --version {version}或安装最新安排：node-nightly --upgrade

🎜Exécuter node-nightly : 🎜node-nightly. 🎜🎜🎜🎜🎜 🎜Démarrez le script d'entrée : 🎜🎜🎜🎜Exécutez le script d'entrée via 🎜node-nightly🎜 : node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js, le script sera déconnecté lors d'une déclaration, en attente d'opération. 🎜🎜🎜🎜Entrez chrome://inspect pour ouvrir 🎜Chrome Inspect. 🎜🎜🎜🎜🎜Entrez inspecter : 🎜🎜🎜🎜🎜🎜🎜🎜Le script est en attente : 🎜🎜🎜🎜🎜🎜🎜🎜Ajoutez l'espace de travail du projet 🎜node🎜 actuel dans 🎜source🎜 Ensuite, nous pouvons déboguer 🎜JavaScript🎜 dans 🎜chrome🎜 comme avant. pour fonctionner. 🎜🎜🎜🎜🎜 🎜🎜🎜🎜Console Les informations contenues sont également imprimées🎜🎜🎜🎜🎜🎜Instructions supplémentaires🎜🎜🎜🎜🎜 Souvent, nos fichiers de configuration Webpack différencient les différents environnements pour des configurations spéciales. 🎜node-nightly🎜 nous permet également d'ajouter des configurations après l'exécution de la commande, telles que : --config webpack.prod.js. 🎜🎜🎜🎜Le débogage de nos autres scripts simples 🎜Node🎜 simples sera plus facile, vous pouvez l'essayer. 🎜🎜🎜🎜Si 🎜node-nightly🎜 ne fonctionne pas correctement lors de l'exécution, nous pouvons installer la version spécifiée : node-nightly --version {version> ou installer la dernière version : node -tous les soirs - -mise à niveau pour essayer de résoudre le problème🎜🎜🎜🎜Pour plus de connaissances sur la programmation, veuillez visiter : 🎜Vidéo de programmation🎜 ! ! 🎜

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!