5171 sujets

Le Bar du forum

Un plug-in pour VS Code

Bonjour à vous tous,

Voici un plug-in pour VS Code que j'ai trouvé sur Pinterest et que je partage.

upload/1745075984-62242-capturedncran2025-04-19171337.png

Il affiche une image de prévisualisation à gauche de la ligne de code comme le montre l'image ci-dessous :

upload/1745076016-62242-capturedncran2025-04-19171608.png

De prime abord il semble gadget mais si on a de longues pages HTML avec beaucup d'images importées, il est facile de les repérer en regardant à gauche des numérotations des lignes de code et non plus en repérant les balises <img>.

Bonne fin de soirée et
Que le code soit avec vous !
Modifié par ObiJuanKenobi (19 Apr 2025 - 17:25)
Bonjour, oui peut être....
Mais ce qui est sur c'est qu'il ne peut y avoir de balise entre </head> et <body>. (L33)
Toutes les balises d'affichage doivent être entre <body> et </body>.
A défaut de trouver un plugin pour VS Code qui valide le HTML, passer votre code au validateur pour voir et corriger les erreurs de syntaxes => https://validator.w3.org/
Modérateur
Salut,

@casper2: ça doit être dans l'excitation de nous partager cette extension. Smiley lol

@ObiJuanKenobi: Personnellement peu probable que ça m'intéresse. Pourquoi ?
1. Je n'utilise pas VScode
2. Il est incertain que ça fonctionne avec des langages dynamiques comme le Python, JS, PHP, Java, etc. (exemple pdo->fetch)

Par contre, est-ce que cette extension fonctionne pour le CSS ? Cependant, j'entrevois encore un souci. Dans le cas où l'on développe en SASS et que des images soient dans une map ou une list, il est plausible qu'il n'y ait pas de rendu.

ps : Je déplace ce sujet dans le bar. Ce n'est pas une question, mais plutôt un partage. Merci pour ce partage tout de même.
Modifié par niuxe (20 Apr 2025 - 15:19)
niuxe a écrit :
Salut,

@casper2: ça doit être dans l'excitation de nous partager cette extension. Smiley lol


En effet, c'est dans la précipitation de vouloir partager que j'ai placé la ligne de code <img...> entre les balises </head> et <body>. Je voulais faire une capture écran rapidement avec le résultat. Je sais pertinement qu'il ne faut rien écrire entre ces deux balises. La ligne était libre, alors je l'ai placée là.

Par contre, j'ai testé sur une feuille CSS et ce plug-in affiche aussi l'image de prévisualisation de l'image. Voici la capture :

upload/1745155793-62242-capturedncran2025-04-20152639.png

Bonne fin de journée !
Modifié par ObiJuanKenobi (20 Apr 2025 - 15:31)
Prévenir un modérateur
Répondre au sujet
Aller à