the IT Hustle
HerramientasManual de campoAcerca de

Captura de Código

Convierte código en hermosas capturas de pantalla para compartir. 8 temas, resaltado de sintaxis, marco de ventana, exportación a PNG.

48px
12px
14px
Números de línea
Sombra de ventana
Fondo
Vista previa en vivoDracula · TypeScript
1import { useState, useEffect } from 'react';
2

3// Custom hook for debounced search
4function useDebounce<T>(value: T, delay: number): T {
5  const [debounced, setDebounced] = useState(value);
6

7  useEffect(() => {
8    const timer = setTimeout(() => {
9      setDebounced(value);
10    }, delay);
11

12    return () => clearTimeout(timer);
13  }, [value, delay]);
14

15  return debounced;
16}
17

18export default useDebounce;

Cómo crear una captura de código

Convierte código en imágenes hermosas y fáciles de compartir con el Generador de Capturas de Código gratuito de The IT Hustle.

  1. 1
    Pega tu códigoIntroduce o pega código en el editor. La herramienta detecta automáticamente los lenguajes comunes.
  2. 2
    Elige un temaSelecciona entre 8 temas de color, incluyendo Monokai, Dracula, One Dark, Nord, GitHub Dark y más.
  3. 3
    Personaliza el aspectoAjusta el color de fondo, el relleno, el radio del borde, el tamaño de fuente, los números de línea y la sombra de la ventana.
  4. 4
    Descarga o copiaHaz clic en Descargar PNG para guardar la captura, o Copiar Imagen para pegarla directamente en Slack, Twitter o documentos.

Preguntas frecuentes

Sí. Esta herramienta ofrece una funcionalidad similar a Carbon.sh (convertir código en hermosas capturas), pero se ejecuta completamente en tu navegador sin cargas al servidor. Tu código se mantiene privado.

JavaScript, TypeScript, Python, Go, Rust, Java, C++, HTML, CSS, SQL, Bash, JSON, YAML, Markdown y Ruby. El resaltador de sintaxis cubre palabras clave, cadenas, comentarios y números para cada uno.

Sí. Desactiva la visibilidad del fondo para obtener un PNG transparente, perfecto para superponer código en diapositivas o entradas de blog.

Herramientas relacionadas

Formateador de JSONEditor de MarkdownGenerador de Paleta de Colores