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: src/content/9/es/part9b.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,9 +20,9 @@ Cuando TypeScript se compila en JavaScript, el código queda sujeto a borrado de
20
20
21
21
En un entorno de producción, la necesidad de compilación a menudo significa que debes configurar un "paso de compilación". Durante el paso de compilación, todo el código TypeScript se compila en JavaScript en una carpeta separada, y el entorno de producción luego ejecuta el código desde esa carpeta. En un entorno de desarrollo, a menudo es más útil hacer uso de la compilación en tiempo real y la recarga automática para poder ver los cambios resultantes más rápido.
22
22
23
-
Comencemos a escribir nuestra primera aplicación TypeScript. Para simplificar las cosas, comencemos usando el paquete [ts-node](https://github.com/TypeStrong/ts-node) de npm. El cual compila y ejecuta el archivo TypeScript especificado inmediatamente, por lo que no es necesario un paso de compilación por separado.
23
+
Comencemos a escribir nuestra primera aplicación TypeScript. Para simplificar las cosas, comencemos usando el paquete [ts-node](https://github.com/TypeStrong/ts-node) de npm. El cual compila y ejecuta el archivo TypeScript especificado inmediatamente, por lo que no es necesario un paso de compilación por separado.
24
24
25
-
Puedes instalar tanto *ts-node* como el paquete oficial *typescript* a nivel global ejecutando
25
+
Puedes instalar tanto *ts-node* como el paquete oficial *typescript* a nivel global ejecutando:
Si no puedes o no quieres instalar paquetes globales, puedes crear un proyecto npm que tenga las dependencias necesarias y ejecutar sus scripts en él.
32
32
También tomaremos este enfoque.
33
33
34
-
Como recordamos de la [parte 3](/es/part3), un proyecto npm se configura ejecutando el comando *npm init* en un directorio vacío. Entonces podemos instalar las dependencias ejecutando
34
+
Como recordamos de la [parte 3](/es/part3), un proyecto npm se configura ejecutando el comando *npm init* en un directorio vacío. Entonces podemos instalar las dependencias ejecutando:
35
35
36
36
```bash
37
37
npm install --save-dev ts-node typescript
@@ -49,15 +49,15 @@ y configurando *scripts* dentro de package.json:
49
49
}
50
50
```
51
51
52
-
Ahora, dentro de este directorio, puedes usar *ts-node* ejecutando *npm run ts-node*. Ten en cuenta que si estás utilizando ts-node a través de package.json, todos los argumentos de la línea de comandos para el script deben tener el prefijo *--*. Entonces, si deseas ejecutar file.ts con *ts-node* y opciones *-s* y *--someoption*, el comando completo es: -->
52
+
Ahora, dentro de este directorio, puedes usar *ts-node* ejecutando *npm run ts-node*. Ten en cuenta que si estás utilizando *ts-node* a través de package.json, todos los argumentos de la línea de comandos para el script deben tener el prefijo *--*. Entonces, si deseas ejecutar file.ts con *ts-node* y opciones *-s* y *--someoption*, el comando completo es:
53
53
54
54
```shell
55
55
npm run ts-node file.ts -- -s --someoption
56
56
```
57
57
58
58
Vale la pena mencionar que TypeScript también proporciona un área de juegos en línea, donde puedes probar rápidamente el código TypeScript y ver instantáneamente el JavaScript resultante y los posibles errores de compilación. Puedes acceder al área de juegos oficial de TypeScript [aquí](https://www.typescriptlang.org/play/index.html).
59
59
60
-
**NB:** El área de juegos puede contener diferentes reglas en tsconfig (que se presentarán más adelante) que en tu entorno local, por lo que es posible que veas advertencias diferentes en comparación con tu entorno local. El tsconfig de la zona de juegos se puede modificar a través del menú de configuración desplegable.
60
+
**NB:** El área de juegos puede contener diferentes reglas en *tsconfig* (que se presentarán más adelante) que en tu entorno local, por lo que es posible que veas advertencias diferentes en comparación con tu entorno local. El *tsconfig* de la zona de juegos se puede modificar a través del menú de configuración desplegable.
61
61
62
62
#### Una nota sobre el estilo de código
63
63
@@ -475,7 +475,7 @@ En este curso, normalmente, seguiremos la convención impuesta por la regla de E
475
475
476
476
#### setup
477
477
478
-
Los ejercicios 9.1.-9.7. se realizarán todos en el mismo proyecto de node. Crea el proyecto en un directorio vacío con *npm init* e instale los paquetes ts-node y typescript. Cree también el archivo *tsconfig.json* en el directorio con el siguiente contenido:
478
+
Los ejercicios 9.1.-9.7. se realizarán todos en el mismo proyecto de node. Crea el proyecto en un directorio vacío con *npm init* e instale los paquetes *ts-node* y typescript. Cree también el archivo *tsconfig.json* en el directorio con el siguiente contenido:
479
479
480
480
```json
481
481
{
@@ -604,7 +604,7 @@ En realidad esto no es del todo cierto. Esta regla solamente aplica a archivos q
604
604
605
605
### Más acerca de tsconfig
606
606
607
-
Hasta ahora solo hemos utilizado una regla en tsconfig, [noImplicitAny](https://www.typescriptlang.org/tsconfig#noImplicitAny). Es un buen lugar para comenzar, pero ahora es el momento de profundizar un poco más en el archivo de configuración.
607
+
Hasta ahora solo hemos utilizado una regla en *tsconfig*, [noImplicitAny](https://www.typescriptlang.org/tsconfig#noImplicitAny). Es un buen lugar para comenzar, pero ahora es el momento de profundizar un poco más en el archivo de configuración.
608
608
609
609
Como ya mencionamos, el archivo [tsconfig.json](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html) contiene todas tus configuraciones principales sobre cómo deseas que TypeScript funcione en tu proyecto.
610
610
@@ -628,7 +628,7 @@ Especifiquemos las siguientes configuraciones en nuestro archivo *tsconfig.json*
628
628
629
629
No te preocupes demasiado por las *compilerOptions*, haremos una inspección minuciosa más adelante.
630
630
631
-
Puedes encontrar explicaciones para cada una de las configuraciones en la documentación de TypeScript, o en la muy util [página de tsconfig](https://www.typescriptlang.org/tsconfig), o en la [definición del esquema](http://json.schemastore.org/tsconfig) de tsconfig , que desafortunadamente tiene un formato un poco peor que las dos primeras opciones.
631
+
Puedes encontrar explicaciones para cada una de las configuraciones en la documentación de TypeScript, o en la muy util [página de tsconfig](https://www.typescriptlang.org/tsconfig), o en la [definición del esquema de tsconfig](https://json.schemastore.org/tsconfig), que desafortunadamente tiene un formato un poco peor que las dos primeras opciones.
632
632
633
633
### Añadiendo express a la mezcla
634
634
@@ -748,7 +748,7 @@ Cambiemos el nombre de la variable *req* a *_req*. Finalmente estamos listos par
748
748
749
749

750
750
751
-
Para simplificar el desarrollo, deberíamos habilitar la *recarga automática* para mejorar nuestro flujo de trabajo. En este curso ya has utilizado *nodemon*, pero ts-node tiene una alternativa llamada *ts-node-dev*. Está hecho para ser utilizado solo en un entorno de desarrollo y se encarga de la re-compilación en cada cambio, por lo que no será necesario reiniciar la aplicación.
751
+
Para simplificar el desarrollo, deberíamos habilitar la *recarga automática* para mejorar nuestro flujo de trabajo. En este curso ya has utilizado *nodemon*, pero *ts-node* tiene una alternativa llamada *ts-node-dev*. Está hecho para ser utilizado solo en un entorno de desarrollo y se encarga de la re-compilación en cada cambio, por lo que no será necesario reiniciar la aplicación.
752
752
753
753
Instalemos *ts-node-dev* en nuestras dependencias de desarrollo:
0 commit comments