You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: es/code.mdx
+65-66Lines changed: 65 additions & 66 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,37 +1,37 @@
1
1
---
2
2
title: "Código"
3
-
description: "Muestra código en línea y bloques de código"
3
+
description: "Mostrar código en línea y bloques de código"
4
4
icon: "code"
5
5
---
6
6
7
7
<divid="adding-code-samples">
8
8
## Agregar ejemplos de código
9
9
</div>
10
10
11
-
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.
11
+
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.
12
12
13
13
<divid="inline-code">
14
14
### Código en línea
15
15
</div>
16
16
17
-
Para indicar una `palabra` o `frase` como código, enciérrala entre comillas invertidas (`).
17
+
Para indicar una `palabra` o `frase` como código, colócala entre acentos graves (`).
18
18
19
19
```mdx
20
-
Para marcar una `palabra` o `frase` como código, enciérrala entre comillas invertidas (`).
20
+
Para indicar una `palabra` o `frase` como código, enciérrala entre acentos graves (`).
21
21
```
22
22
23
23
<divid="code-blocks">
24
24
### Bloques de código
25
25
</div>
26
26
27
-
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.
27
+
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.
28
28
29
-
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.
29
+
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.
30
30
31
31
```java HelloWorld.java lines icon="java"
32
32
classHelloWorld {
33
33
publicstaticvoidmain(String[] args) {
34
-
System.out.println("¡Hola, Mundo!");
34
+
System.out.println("¡Hola, mundo!");
35
35
}
36
36
}
37
37
```
@@ -40,43 +40,41 @@ class HelloWorld {
40
40
```java HelloWorld.java lines icon="java"
41
41
classHelloWorld {
42
42
publicstaticvoidmain(String[] args) {
43
-
System.out.println("¡Hola, Mundo!");
43
+
System.out.println("¡Hola, mundo!");
44
44
}
45
45
}
46
46
```
47
47
````
48
48
49
49
<divid="code-block-options">
50
-
## Opciones de bloque de código
50
+
## Opciones de bloques de código
51
51
</div>
52
52
53
-
Puedes añadir opciones de metadatos a tus bloques de código para personalizar su apariencia.
53
+
Puedes añadir opciones meta a tus bloques de código para personalizar su apariencia.
54
54
55
55
<Note>
56
-
Debes especificar un lenguaje de programación para un bloque de código antes de añadir cualquier otra opción de metadatos.
56
+
Debes especificar un lenguaje de programación para un bloque de código antes de añadir cualquier otra opción meta.
57
57
</Note>
58
58
59
59
<divid="option-syntax">
60
-
### Sintaxis de las opciones
60
+
### Sintaxis de opciones
61
61
</div>
62
62
63
-
***Opciones de cadena y booleanas**: Envuélvelas con `""`, `''` o sin comillas.
64
-
***Opciones de expresión**: Envuélvelas con `{}`, `""` o `''`.
63
+
***Opciones de tipo string y booleanas**: Envuelve con `""`, `''` o sin comillas.
64
+
***Opciones de expresión**: Envuelve con `{}`, `""` o `''`.
65
65
66
66
<divid="syntax-highlighting">
67
67
### Resaltado de sintaxis
68
68
</div>
69
69
70
-
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.
70
+
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.
71
71
72
72
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.
73
73
74
-
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.
75
-
76
74
```java
77
75
classHelloWorld {
78
76
publicstaticvoidmain(String[] args) {
79
-
System.out.println("¡Hola, Mundo!");
77
+
System.out.println("¡Hola, mundo!");
80
78
}
81
79
}
82
80
```
@@ -85,7 +83,7 @@ class HelloWorld {
85
83
```java
86
84
classHelloWorld {
87
85
publicstaticvoidmain(String[] args) {
88
-
System.out.println("¡Hola, Mundo!");
86
+
System.out.println("¡Hola, mundo!");
89
87
}
90
88
}
91
89
```
@@ -95,14 +93,14 @@ class HelloWorld {
95
93
### Título
96
94
</div>
97
95
98
-
Añade un título para identificar tu ejemplo de código. Usa `title="Your title"` o una cadena en una sola línea.
96
+
Añade un título para etiquetar tu ejemplo de código. Usa `title="Your title"` o una cadena en una sola línea.
99
97
100
-
```javascriptCode Block Example
98
+
```javascriptEjemplo de bloque de código
101
99
consthello="mundo";
102
100
```
103
101
104
102
````mdx
105
-
```javascript Ejemplo de Bloque de Código
103
+
```javascript Ejemplo de bloque de código
106
104
consthello="world";
107
105
```
108
106
````
@@ -114,7 +112,7 @@ const hello = "world";
114
112
Agrega un icono a tu bloque de código usando la propiedad `icon`. Consulta [Iconos](/es/components/icons) para ver todas las opciones disponibles.
115
113
116
114
```javascript icon="square-js"
117
-
consthello="mundo";
115
+
consthello="world";
118
116
```
119
117
120
118
````mdx
@@ -127,43 +125,44 @@ const hello = "world";
127
125
### Resaltado de líneas
128
126
</div>
129
127
130
-
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.
128
+
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.
131
129
132
-
```javascriptLine Highlighting Example highlight= {1-2,5}
133
-
constgreeting="¡Hola, Mundo!";
130
+
```javascriptEjemplo de resalte de líneas highlight= {1-2,5}
131
+
constgreeting="¡Hola, mundo!";
134
132
functionsayHello() {
135
133
console.log(greeting);
136
134
}
137
135
sayHello();
138
136
```
139
137
140
138
````mdx
141
-
```javascript Ejemplo de Resaltado de Líneas highlight={1-2,5}
142
-
constgreeting="Hello, World!";
143
-
functionsayHello() {
144
-
console.log(greeting);
139
+
```javascript Ejemplo de resaltado de líneas highlight={1-2,5}
140
+
constsaludo="¡Hola, mundo!";
141
+
functiondecirHola() {
142
+
console.log(saludo);
145
143
}
146
-
sayHello();
144
+
decirHola();
147
145
```
148
146
````
149
147
150
148
<divid="line-focusing">
151
149
### Enfoque de líneas
152
150
</div>
153
151
154
-
Enfoca líneas específicas en tus bloques de código usando `focus` con números de línea o rangos.
152
+
Resalta líneas específicas en tus bloques de código usando `focus` con números de línea o rangos.
153
+
---MDX_CONTENTEND---
155
154
156
-
```javascriptLine Focus Example focus= {2,4-5}
157
-
constgreeting="¡Hola, Mundo!";
158
-
functionsayHello() {
155
+
```javascriptEjemplo de enfoque de línea focus= {2,4-5}
156
+
constgreeting="¡Hola, mundo!";
157
+
functiondecirHola() {
159
158
console.log(greeting);
160
159
}
161
-
sayHello();
160
+
decirHola();
162
161
```
163
162
164
163
````mdx
165
-
```javascript Ejemplo de Enfoque de Línea focus={2,4-5}
166
-
constgreeting="Hello, World!";
164
+
```javascript Ejemplo de enfoque de líneas focus={2,4-5}
165
+
constgreeting="¡Hola, mundo!";
167
166
functionsayHello() {
168
167
console.log(greeting);
169
168
}
@@ -175,19 +174,19 @@ sayHello();
175
174
### Mostrar números de línea
176
175
</div>
177
176
178
-
Muestra los números de línea en el lado izquierdo de tu bloque de código con`lines`.
177
+
Muestra los números de línea en el lado izquierdo de tu bloque de código usando`lines`.
179
178
180
-
```javascriptShow Line Numbers Example lines
181
-
constgreeting="¡Hola, Mundo!";
182
-
functionsayHello() {
179
+
```javascriptMostrar números de línea Ejemplo de líneas
180
+
constgreeting="¡Hola, mundo!";
181
+
functiondecirHola() {
183
182
console.log(greeting);
184
183
}
185
-
sayHello();
184
+
decirHola();
186
185
```
187
186
188
187
````mdx
189
-
```javascript Mostrar números de línea Ejemplo
190
-
constgreeting="Hello, World!";
188
+
```javascript Mostrar números de línea Ejemplo líneas
189
+
constgreeting="¡Hola, mundo!";
191
190
functionsayHello() {
192
191
console.log(greeting);
193
192
}
@@ -199,9 +198,9 @@ sayHello();
199
198
### Expandible
200
199
</div>
201
200
202
-
Permite que los usuarios expandan y contraigan bloques de código largos con`expandable`.
201
+
Permite que los usuarios expandan y contraigan bloques de código largos usando`expandable`.
203
202
204
-
```pythonExpandable Example expandable
203
+
```pythonEjemplo expandible expandable
205
204
from datetime import datetime, timedelta
206
205
from typing import Dict, List, Optional
207
206
from dataclasses import dataclass
@@ -221,7 +220,7 @@ class Library:
221
220
222
221
defadd_book(self, book: Book) -> None:
223
222
if book.isbn inself.books:
224
-
raiseValueError(f"El libro con ISBN {book.isbn} ya existe")
223
+
raiseValueError(f"Ya existe un libro con el ISBN {book.isbn}")
raiseValueError("Libro no encontrado o no está prestado")
247
+
raiseValueError("No se encontró el libro o no está prestado")
249
248
250
249
late_fee =0.0
251
250
if datetime.now() > book.due_date:
@@ -255,7 +254,7 @@ class Library:
255
254
book.checked_out =False
256
255
book.due_date =None
257
256
258
-
#Eliminar de los préstamos del usuario
257
+
#Quitar de los préstamos del usuario
259
258
for patron, books inself.checkouts.items():
260
259
if isbn in books:
261
260
books.remove(isbn)
@@ -292,7 +291,7 @@ if __name__ == "__main__":
292
291
```
293
292
294
293
````mdx
295
-
```python Ejemplo Expandible expandable
294
+
```python Ejemplo desplegable expandable
296
295
from datetime import datetime, timedelta
297
296
from typing import Dict, List, Optional
298
297
from dataclasses import dataclass
@@ -308,19 +307,19 @@ if __name__ == "__main__":
308
307
### Ajuste
309
308
</div>
310
309
311
-
Activa el ajuste de texto para líneas largas con `wrap`. Esto evita el desplazamiento horizontal y facilita la lectura de líneas extensas.
310
+
Habilita el ajuste de texto para líneas largas con `wrap`. Esto evita el desplazamiento horizontal y facilita la lectura de líneas extensas.
312
311
313
-
```javascriptWrap Example wrap
314
-
constgreeting="¡Hola, Mundo! Soy una línea larga de texto que se ajustará a la siguiente línea.";
312
+
```javascriptEjemplo de ajuste wrap
313
+
constgreeting="¡Hola, mundo! Soy una línea de texto larga que se ajustará a la siguiente línea.";
315
314
functionsayHello() {
316
315
console.log(greeting);
317
316
}
318
317
sayHello();
319
318
```
320
319
321
320
````mdx
322
-
```javascript Ejemplo de Ajuste wrap
323
-
constgreeting="¡Hola, Mundo! Soy una línea larga de texto que se ajustará a la siguiente línea.";
321
+
```javascript Ejemplo de ajuste wrap
322
+
constgreeting="¡Hola, mundo! Soy una línea de texto larga que se ajustará a la siguiente línea.";
324
323
functionsayHello() {
325
324
console.log(greeting);
326
325
}
@@ -334,7 +333,7 @@ sayHello();
334
333
335
334
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.
336
335
337
-
Para crear diffs, añade estos comentarios especiales al final de las líneas en tu bloque de código:
336
+
Para crear diffs, agrega estos comentarios especiales al final de las líneas en tu bloque de código:
338
337
339
338
*`// [!code ++]`: Marca una línea como añadida (resaltado en verde).
340
339
*`// [!code --]`: Marca una línea como eliminada (resaltado en rojo).
@@ -344,22 +343,22 @@ Para varias líneas consecutivas, especifica el número de líneas después de d
344
343
*`// [!code ++:3]`: Marca la línea actual más las dos siguientes como añadidas.
345
344
*`// [!code --:5]`: Marca la línea actual más las cuatro siguientes como eliminadas.
346
345
347
-
La sintaxis del comentario debe coincidir con tu lenguaje de programación (por ejemplo, `//` para JavaScript o `#` para Python).
346
+
La sintaxis de los comentarios debe coincidir con tu lenguaje de programación (por ejemplo, `//` para JavaScript o `#` para Python).
0 commit comments