Amusant, il est possible d'utiliser les CSS dans les console.log en mettant un marqueur %c dans le message, et un 2e argument avec les CSS.

Par exemple console.log('%cCoucou le monde', 'color: blue; font-size: 20px;');

Tout est dans le titre

Des astuces pour console.log

Des astuces pour l'utilisation des commandes console.qq_chose en JavaScript

Donc, pour résumer:

• pour avoir le nom des variables avec leur valeur, utiliser { }: console.log({var})
• console.warn(), console.error() et console.info() pour différencier l'aspect du message.
• console.assert(condition,retour) pour éviter un if (condition){console.log(retour)
• console.trace() pour remonter la pile d'appels
• console.group('nom'), console.groupCollapsed('nom') et console.groupEnd('nom') pour regrouper des console log()
• console.table(array) pour présenter les données sous forme de tableau
• $(selecteur) est équivalent à document.querySelector(selecteur)
• $$(selecteur) est équivalent à document.querySelectorAll(selecteur)

Via le Warrior du dimanche

Un fix pour un bug bien ennuyeux de VS Code

Tout est dans le titre