Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
131 changes: 65 additions & 66 deletions es/code.mdx
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@
---
title: "Código"
description: "Muestra código en línea y bloques de código"
description: "Mostrar código en línea y bloques de código"

Check warning on line 3 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L3

Did you really mean 'Mostrar'?

Check warning on line 3 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L3

Did you really mean 'bloques'?
icon: "code"
---

<div id="adding-code-samples">
## Agregar ejemplos de código

Check warning on line 8 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L8

Did you really mean 'Agregar'?

Check warning on line 8 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L8

Did you really mean 'ejemplos'?
</div>

Puedes agregar fragmentos de código en línea o bloques de código. Los bloques de código admiten opciones meta para el resaltado de sintaxis, títulos, resaltado de líneas, icon y más.
Puedes agregar fragmentos de código en línea o bloques de código. Los bloques de código admiten opciones meta para el resaltado de sintaxis, títulos, resaltado de líneas, íconos y más.

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'Puedes'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'agregar'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'fragmentos'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'bloques'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'bloques'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'admiten'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'opciones'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'resaltado'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'sintaxis'?

Check warning on line 11 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L11

Did you really mean 'resaltado'?

<div id="inline-code">
### Código en línea
</div>

Para indicar una `palabra` o `frase` como código, enciérrala entre comillas invertidas (`).
Para indicar una `palabra` o `frase` como código, colócala entre acentos graves (`).

Check warning on line 17 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L17

Did you really mean 'indicar'?

Check warning on line 17 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L17

Did you really mean 'entre'?

Check warning on line 17 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L17

Did you really mean 'acentos'?

```mdx
Para marcar una `palabra` o `frase` como código, enciérrala entre comillas invertidas (`).
Para indicar una `palabra` o `frase` como código, enciérrala entre acentos graves (`).
```

<div id="code-blocks">
### Bloques de código

Check warning on line 24 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L24

Did you really mean 'Bloques'?
</div>

Usa [bloques de código con cercas](https://www.markdownguide.org/extended-syntax/#fenced-code-blocks) encerrando el código entre tres comillas invertidas (backticks). Los bloques de código se pueden copiar y, si tienes el assistant habilitado, los usuarios pueden pedirle a la IA que explique el código.
Usa [bloques de código con cercas](https://www.markdownguide.org/extended-syntax/#fenced-code-blocks) encerrando el código entre tres acentos invertidos. Los bloques de código se pueden copiar y, si tienes el Asistente habilitado, los usuarios pueden pedir a la IA que explique el código.

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'Usa'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'bloques'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'encerrando'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'entre'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'acentos'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'invertidos'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'bloques'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'se'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'pueden'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'copiar'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'tienes'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'Asistente'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'habilitado'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'los'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'usuarios'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'pueden'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'pedir'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'que'?

Check warning on line 27 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L27

Did you really mean 'explique'?

Especifica el lenguaje de programación para el resaltado de sintaxis y para habilitar opciones meta. Agrega cualquier opción meta, como un Título o icon, después del lenguaje.
Especifica el lenguaje de programación para el resaltado de sintaxis y para habilitar opciones meta. Agrega cualquier opción meta, como un título o un ícono, después del lenguaje.

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'Especifica'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'lenguaje'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'resaltado'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'sintaxis'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'habilitar'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'opciones'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'Agrega'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'cualquier'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'como'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'un'?

Check warning on line 29 in es/code.mdx

View check run for this annotation

Mintlify / Mintlify Validation (mintlify) - vale-spellcheck

es/code.mdx#L29

Did you really mean 'lenguaje'?

```java HelloWorld.java lines icon="java"
class HelloWorld {
public static void main(String[] args) {
System.out.println("¡Hola, Mundo!");
System.out.println("¡Hola, mundo!");
}
}
```
Expand All @@ -40,43 +40,41 @@
```java HelloWorld.java lines icon="java"
class HelloWorld {
public static void main(String[] args) {
System.out.println("¡Hola, Mundo!");
System.out.println("¡Hola, mundo!");
}
}
```
````

<div id="code-block-options">
## Opciones de bloque de código
## Opciones de bloques de código
</div>

Puedes añadir opciones de metadatos a tus bloques de código para personalizar su apariencia.
Puedes añadir opciones meta a tus bloques de código para personalizar su apariencia.

<Note>
Debes especificar un lenguaje de programación para un bloque de código antes de añadir cualquier otra opción de metadatos.
Debes especificar un lenguaje de programación para un bloque de código antes de añadir cualquier otra opción meta.
</Note>

<div id="option-syntax">
### Sintaxis de las opciones
### Sintaxis de opciones
</div>

* **Opciones de cadena y booleanas**: Envuélvelas con `""`, `''` o sin comillas.
* **Opciones de expresión**: Envuélvelas con `{}`, `""` o `''`.
* **Opciones de tipo string y booleanas**: Envuelve con `""`, `''` o sin comillas.
* **Opciones de expresión**: Envuelve con `{}`, `""` o `''`.

<div id="syntax-highlighting">
### Resaltado de sintaxis
</div>

Activa el resaltado de sintaxis indicando el lenguaje de programación después de las comillas invertidas de apertura de un bloque de código.
Activa el resaltado de sintaxis especificando el lenguaje de programación después de las comillas invertidas de apertura de un bloque de código.

Usamos [Shiki](https://shiki.style/) para el resaltado de sintaxis y admitimos todos los lenguajes disponibles. Consulta la lista completa de [lenguajes](https://shiki.style/languages) en la documentación de Shiki.

Personaliza globalmente los temas de los bloques de código usando `styling.codeblocks` en tu archivo `docs.json`. Establece temas simples como `system` o `dark`, o configura [temas de Shiki](https://shiki.style/themes) personalizados para los modos claro y oscuro. Consulta [Configuración](/es/settings#styling) para ver opciones de configuración detalladas.

```java
class HelloWorld {
public static void main(String[] args) {
System.out.println("¡Hola, Mundo!");
System.out.println("¡Hola, mundo!");
}
}
```
Expand All @@ -85,7 +83,7 @@
```java
class HelloWorld {
public static void main(String[] args) {
System.out.println("¡Hola, Mundo!");
System.out.println("¡Hola, mundo!");
}
}
```
Expand All @@ -95,14 +93,14 @@
### Título
</div>

Añade un título para identificar tu ejemplo de código. Usa `title="Your title"` o una cadena en una sola línea.
Añade un título para etiquetar tu ejemplo de código. Usa `title="Your title"` o una cadena en una sola línea.

```javascript Code Block Example
```javascript Ejemplo de bloque de código
const hello = "mundo";
```

````mdx
```javascript Ejemplo de Bloque de Código
```javascript Ejemplo de bloque de código
const hello = "world";
```
````
Expand All @@ -114,7 +112,7 @@
Agrega un icono a tu bloque de código usando la propiedad `icon`. Consulta [Iconos](/es/components/icons) para ver todas las opciones disponibles.

```javascript icon="square-js"
const hello = "mundo";
const hello = "world";
```

````mdx
Expand All @@ -127,43 +125,44 @@
### Resaltado de líneas
</div>

Resalta líneas específicas en tus bloques de código usando `highlight` con los números o rangos de líneas que deseas resaltar.
Resalta líneas específicas en tus bloques de código usando `highlight` con los números o rangos de líneas que quieras resaltar.

```javascript Line Highlighting Example highlight= {1-2,5}
const greeting = "¡Hola, Mundo!";
```javascript Ejemplo de resalte de líneas highlight= {1-2,5}
const greeting = "¡Hola, mundo!";
function sayHello() {
console.log(greeting);
}
sayHello();
```

````mdx
```javascript Ejemplo de Resaltado de Líneas highlight={1-2,5}
const greeting = "Hello, World!";
function sayHello() {
console.log(greeting);
```javascript Ejemplo de resaltado de líneas highlight={1-2,5}
const saludo = "¡Hola, mundo!";
function decirHola() {
console.log(saludo);
}
sayHello();
decirHola();
```
````

<div id="line-focusing">
### Enfoque de líneas
</div>

Enfoca líneas específicas en tus bloques de código usando `focus` con números de línea o rangos.
Resalta líneas específicas en tus bloques de código usando `focus` con números de línea o rangos.
---MDX&#95;CONTENTEND---

```javascript Line Focus Example focus= {2,4-5}
const greeting = "¡Hola, Mundo!";
function sayHello() {
```javascript Ejemplo de enfoque de línea focus= {2,4-5}
const greeting = "¡Hola, mundo!";
function decirHola() {
console.log(greeting);
}
sayHello();
decirHola();
```

````mdx
```javascript Ejemplo de Enfoque de Línea focus={2,4-5}
const greeting = "Hello, World!";
```javascript Ejemplo de enfoque de líneas focus={2,4-5}
const greeting = "¡Hola, mundo!";
function sayHello() {
console.log(greeting);
}
Expand All @@ -175,19 +174,19 @@
### Mostrar números de línea
</div>

Muestra los números de línea en el lado izquierdo de tu bloque de código con `lines`.
Muestra los números de línea en el lado izquierdo de tu bloque de código usando `lines`.

```javascript Show Line Numbers Example lines
const greeting = "¡Hola, Mundo!";
function sayHello() {
```javascript Mostrar números de línea Ejemplo de líneas
const greeting = "¡Hola, mundo!";
function decirHola() {
console.log(greeting);
}
sayHello();
decirHola();
```

````mdx
```javascript Mostrar números de línea Ejemplo
const greeting = "Hello, World!";
```javascript Mostrar números de línea Ejemplo líneas
const greeting = "¡Hola, mundo!";
function sayHello() {
console.log(greeting);
}
Expand All @@ -199,9 +198,9 @@
### Expandible
</div>

Permite que los usuarios expandan y contraigan bloques de código largos con `expandable`.
Permite que los usuarios expandan y contraigan bloques de código largos usando `expandable`.

```python Expandable Example expandable
```python Ejemplo expandible expandable
from datetime import datetime, timedelta
from typing import Dict, List, Optional
from dataclasses import dataclass
Expand All @@ -221,7 +220,7 @@

def add_book(self, book: Book) -> None:
if book.isbn in self.books:
raise ValueError(f"El libro con ISBN {book.isbn} ya existe")
raise ValueError(f"Ya existe un libro con el ISBN {book.isbn}")
self.books[book.isbn] = book

def checkout_book(self, isbn: str, patron: str, days: int = 14) -> None:
Expand All @@ -230,13 +229,13 @@

book = self.books.get(isbn)
if not book:
raise ValueError("Libro no encontrado")
raise ValueError("No se encontró el libro")

if book.checked_out:
raise ValueError("El libro ya está prestado")

if len(self.checkouts[patron]) >= 3:
raise ValueError("El usuario ha alcanzado el límite de préstamos")
raise ValueError("El usuario alcanzó el límite de préstamos")

book.checked_out = True
book.due_date = datetime.now() + timedelta(days=days)
Expand All @@ -245,7 +244,7 @@
def return_book(self, isbn: str) -> float:
book = self.books.get(isbn)
if not book or not book.checked_out:
raise ValueError("Libro no encontrado o no está prestado")
raise ValueError("No se encontró el libro o no está prestado")

late_fee = 0.0
if datetime.now() > book.due_date:
Expand All @@ -255,7 +254,7 @@
book.checked_out = False
book.due_date = None

# Eliminar de los préstamos del usuario
# Quitar de los préstamos del usuario
for patron, books in self.checkouts.items():
if isbn in books:
books.remove(isbn)
Expand Down Expand Up @@ -292,7 +291,7 @@
```

````mdx
```python Ejemplo Expandible expandable
```python Ejemplo desplegable expandable
from datetime import datetime, timedelta
from typing import Dict, List, Optional
from dataclasses import dataclass
Expand All @@ -308,19 +307,19 @@
### Ajuste
</div>

Activa el ajuste de texto para líneas largas con `wrap`. Esto evita el desplazamiento horizontal y facilita la lectura de líneas extensas.
Habilita el ajuste de texto para líneas largas con `wrap`. Esto evita el desplazamiento horizontal y facilita la lectura de líneas extensas.

```javascript Wrap Example wrap
const greeting = "¡Hola, Mundo! Soy una línea larga de texto que se ajustará a la siguiente línea.";
```javascript Ejemplo de ajuste wrap
const greeting = "¡Hola, mundo! Soy una línea de texto larga que se ajustará a la siguiente línea.";
function sayHello() {
console.log(greeting);
}
sayHello();
```

````mdx
```javascript Ejemplo de Ajuste wrap
const greeting = "¡Hola, Mundo! Soy una línea larga de texto que se ajustará a la siguiente línea.";
```javascript Ejemplo de ajuste wrap
const greeting = "¡Hola, mundo! Soy una línea de texto larga que se ajustará a la siguiente línea.";
function sayHello() {
console.log(greeting);
}
Expand All @@ -334,7 +333,7 @@

Muestra un diff visual de las líneas añadidas o eliminadas en tus bloques de código. Las líneas añadidas se resaltan en verde y las eliminadas en rojo.

Para crear diffs, añade estos comentarios especiales al final de las líneas en tu bloque de código:
Para crear diffs, agrega estos comentarios especiales al final de las líneas en tu bloque de código:

* `// [!code ++]`: Marca una línea como añadida (resaltado en verde).
* `// [!code --]`: Marca una línea como eliminada (resaltado en rojo).
Expand All @@ -344,22 +343,22 @@
* `// [!code ++:3]`: Marca la línea actual más las dos siguientes como añadidas.
* `// [!code --:5]`: Marca la línea actual más las cuatro siguientes como eliminadas.

La sintaxis del comentario debe coincidir con tu lenguaje de programación (por ejemplo, `//` para JavaScript o `#` para Python).
La sintaxis de los comentarios debe coincidir con tu lenguaje de programación (por ejemplo, `//` para JavaScript o `#` para Python).

```js Diff Example icon="code" lines
const greeting = "¡Hola, Mundo!"; // [!code ++]
```js Ejemplo de diff icon="code" lines
const greeting = "¡Hola, mundo!"; // [!code ++]
function sayHello() {
console.log("¡Hola, Mundo!"); // [!code --]
console.log("¡Hola, mundo!"); // [!code --]
console.log(greeting); // [!code ++]
}
sayHello();
```

````text
```js Ejemplo de Diff icon="code" lines
const greeting = "Hello, World!"; // [!code ++]
```js Diff Example icon="code" lines
const greeting = "¡Hola, mundo!"; // [!code ++]
function sayHello() {
console.log("Hello, World!"); // [!code --]
console.log("¡Hola, mundo!"); // [!code --]
console.log(greeting); // [!code ++]
}
sayHello();
Expand Down
Loading