Cursos Empresas Blog Live Conf Eventos Precios

0:005:09

Mi primer proyecto TypeScript

Curso de TypeScript 3

Clase 7 de 32

Clase 7 / 32

Comentarios (26)26 comentarios

Eddy Arellanes

Hace 6 años

Si queremos ejecutar archivos de .ts sin transpilar, podemos usar una librería que se llama ts-node

Por ejemplo en el package.json

 "dev": "ts-node index.ts"

O directamente en consola con npx

npx ts-node index.ts

Su caso de uso común es probar que todo funcione antes de traspilar para ahorrar tiempo, un ejemplo de cuando se quiere monitorear Express usando TS

En el package.json

"dev": "nodemon --exec ts-node -- ./server.ts",

Alex Leonardo Rodriguez Carvajal

cool!

Miguel Angel Reyes Moreno

Hace 5 años

¿Quieres decir que nos ahorramos un paso y ejecutamos directamente TS sin tener que crear archivos JS?

ELKIN YESID MORENO VELEZ

Importantísimo aprender TypeScript para afrontar proyectos en Node Js, en Angular, en React.

TypeScript es un Lenguaje de Alto Nivel que al Transpilarse genera JavaScript.

Cristian Blandon

Con el único objetivo de fomentar discusión constructiva... Me gustaría, ¿por qué lo haces ver tan importante para afrontar proyectos con dichas tecnologías? Acaso, ¿no es posible generar buenos o excelentes proyectos con, por ejemplo, React, sin usar Typescript?

Hector Vasquez

concuerdo. Typescript incluso en modo no estricto, ayuda a evitar errores como mínimo los más básicos, como que una variable pueda no estar definida.

Esto evita posibles errores difíciles de detectar a simple vista en tiempo de ejecución. Yo lo apliqué a react y los problemas disminuyeron bastante

Jhon Alexander Romero Gonzaga

Aprender Webpack es aun mejor, podemos impulsar a TypeScript mucho, incluso implementarlo con react, vue y Angular (pero este ya lo tiene :)).

Lina Katherine Larrea

¿Hay algún curso de Wepack en Platzi?

Federico Walovnik

Si lo hay, creo que lo da Leonidas, esta bastante bueno

Luis Alejandro Vera Hernandez

MI PRIMER PROYECTO TYPESCRIPT

Ir al archivo tsconfig.json
Descomentar la linea "outDir":"./"
Agregar a la linea anterior el directorio dist: "outDir": "./dist",
Compilar con tsc
Invocar al motor de Node acceder al directorio dist y al archivo para ejecutarlo: node dist/hello.js

Juan Diego Urbina Chuscano

es muy similar usar tsc --watch a nodemon.

Abril Rios

En parte si aunque nodemon te permite ver los resultados que en TypeScript es con node rute/file. Nodemon se podria tomar con una combinación de tsc --watch y node rute/file.

Moisés Manuel Morín Hevia

Seee me converse más usar -w

Podemos configurar en el archivo de configuración la instrucción "outDir": "./dist", para que los archivos de JavaScript se guarden en una carpeta dist que, si no existe, se generará de forma automática.

Jeisson Santiago Cortes Ortiz

Alguien me puede explicar para que hacemos lo del outDir?, desafortunadamente no lo he comprendido del todo

Marlon Ramirez

Es para que los archivos compilados se guarden autimaticamente en la direccion que estipules alli

Isaac Navajas Pozo

Lo que estamos configurando y programando es Typescript, Typescript es un copilador que compila el código a javascript, el outDir de TsConfig sirve para guardar la ubicación del archivo compilado a javascript.

Crear una carpeta, tsc --init, crear una carpeta src & mover(crear) el main.ts, ejecutar tsc --watch 1.) En tsconfig.json descomentar outDir & agregar la carpeta "./dist" & ejecutar ts --watch para compilar cambios. 2) Ejecutar el archivo js. node dist/main.js

Carlos Guerra

Hello TS World!

Hellooooo

Ariel Ezequiel Biazzo Genua

Hola! Como estan? Aclaro por si acaso, si ven que el camando tsc no crea los archivos .js, prueben con cerrar visual studio y volverlo a abrir, (lo comento porque a mi me sucedio y eso me lo soluciono)

Cesar Augusto Avendaño Gamboa

A mi me pasó una novatada y era que cree el archivo .ts cuando escribí el código se me olvido guardar los cambios. Claro al ejecutar el comando tsc compilaba y el archivo .js no tenia nada de código.

Jonathan Venegas

con ctl + c en windows puede cortar la ejecución del observador del compliador de TypeScript en la terminal

Daniel Cruz

Aún no entiendo que es lo Super de TypeScript, cuales son las super ventajas de empezar a usarlo en lo lugar de JS.

Santiago Cepeda

Puede que nos parezca a simple vista que es añadir mas complejidad a nuestro codigo sin embargo al tratar con proyectos grandes te daras cuenta que te ayudara full, ya que te ayuda a escribir código con menos errores, más sencillo, coherente y fácil de probar.

Gustavo Hernan Tiseira

Con estos ejemplos tan basicos es imposible notar que haya una mejora, pero la realidad es que cuando se programa de verdad se empieza a notar las mejoras. Una vez leí como analogía que usar JS sin TS es como conducir sin frenos, me pareció gracioso pero interesante! jaja!

Fredy Daniel Flores Lemus

Existe un archivo como tsconfig.json pero para configurar la compilación de SASS?

Carlos Zabala Roqueme

Para compilar archivos sass, te recomiendo usar webpack o si usas vscode como editor de texto hay un plugin que se llama Live Sass Compiler, que te compila archivos sass automáticamente.

😮 Gracias bro, no había escuchado de esa extensión.

Diego Fernando Caviedes Camaho

que es nodemon es un demomio o proceso de node para que?

Joalin Pineda

Es un demonio, una utilidad que monitorea los cambios en el código fuente que se está desarrollando y automáticamente reinicia el servidor. Es una herramienta muy útil para desarrollo de aplicaciones con javascript.

también sirve para despliegues me imagino verdad?

Roberto Enrique Ajuchan Lopez

Buenísima la forma de explicar el profe, la velocidad, los temas, las palabras, todo es excelente.

Alex hernandez mitre

console.log("todo funcionando a la perfección");

Jimmy Buriticá Londoño

Listo el entorno, ahora si empecemos con el lenguaje.

Jofay Zhan Segura

Hola compañeros, les comparto mi repositorio donde subo mis notas y codigo 😀

Gustavo Adolfo Perez Ramos

TypeScript es increible :)

@ wrosb

Personalizando las salidas de los diferentes archivos JS con outDir

Sí, para almacenar las compilaciones que se hagan.

Mi primer proyecto TypeScript

Progreso del curso

Introducción a TypeScript

Entorno de Desarrollo

Tipos en TypeScript

Tipos Personalizados

Módulos

Cierre