Outils de développement

Visionneuse de code carbone — cartes de partage de code thématiques

Aperçu du code dans les thèmes, les styles de fenêtres et les ombres réglables ; puis copiez le code ou copiez et exportez le SVG dans votre navigateur. Utile pour la documentation, les publications sur les réseaux sociaux ou les problèmes lorsqu'une capture d'écran n'est pas idéale.

Partage de codeSVGDesign

Ajouter cet outil aux favoris

Aucun mode de stockage des favoris n’a été sélectionné.

Actions rapides

Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.

Cas d’usage

  • Partager de courts extraits dans la documentation ou les communautés
  • Exporter SVG pour les diapositives
  • Essayez rapidement les thèmes d'arrière-plan

Mode d’emploi

  1. Collez le code et définissez le nom du fichier
  2. Choisissez l'arrière-plan et le thème de la fenêtre
  3. Copier le code ou le SVG, ou exporter le SVG

Exemples d’entrée et de sortie

Code

const x = 1 ;

Sortie

Carte d'aperçu thématique / SVG exportable

FAQ

Le raster d'exportation ou vecteur ?

La sortie vectorielle SVG est prise en charge. L'affichage dépend de l'endroit où vous le collez.

Surlignage complet de la syntaxe de l'IDE ?

L'aperçu est stylisé par thème pour plus de lisibilité, et non par un surligneur de serveur de langue complet.

Outils

Outils associés

Poursuivez avec un autre outil traduit pour une tâche proche.

Texte en art ASCII

Texte en art ASCII — Générateur de bannières FIGlet

Disponible

Convertissez un texte court en bannières artistiques ASCII de style FIGlet avec des polices sélectionnables dans votre navigateur. Utile pour les écrans de démarrage CLI, les démos de terminal et les en-têtes en texte brut.

ASCII FIGlet Terminal

Générateur de README

Générateur README — squelette de documentation open source

Disponible

Entrez un nom de projet et une brève description, activez les sections Installation, Utilisation, API, Contribution et Licence, puis générez un squelette README.md structuré dans votre navigateur. Utile lors du démarrage de packages de dépôt ou de npm.

README Markdown Documentation

Générateur de badges Shields.io

Générateur de badges Shields.io — Générateur Markdown

Disponible

Définissez l'étiquette, le message, la couleur, le style et le logo pour prévisualiser et générer des URL de badge Markdown ou Shields.io dans votre navigateur. Utile pour les badges de build, de version ou d'état technologique dans README.

Shields Badges Markdown