Cursos Empresas Blog Live Conf Eventos Precios

0:008:00

El compilador de TypeScript

Curso de TypeScript 3

Clase 5 de 32

Clase 5 / 32

Comentarios (64)64 comentarios

Sergio Alejandro Trejo Cuxim

Hace 7 años

Sergio Esteban Diaz Guerrero

Hace 6 años

Excelente aporte ;) gracias colega.

Alex Leonardo Rodriguez Carvajal

muchas gracias !

Francisco Javier Martínez Molina

Diego Quiroz

Hola Francko! Me gustaría recomendarte que cheques Windows Subsystem For Linux, Microsoft acaba de liberar la versión 2. Te permite tener un terminal con todo el poder del linux de tu preferencia (Ubuntu, Fedora, etc.). Así no tienes que lidiar con los raros problemas que da el cmd o Powershell en Windows. Estoy seguro que te será de mucha ayuda para seguir con este y más cursos.

Alejandro Diaz

Gracias super útil para resolver este problema que también se me presentó.

Aydee Quispe Mamani

Si no quisieran instalar typescript de manera global, pueden ejecutar:

npx tsc file.ts

npx tsc --watch file.ts

Raul Hernández

Para todos los que se preguntan que es npx

Es un comando para ejecutar paquetes de npm que viene con node :)

Moisés Manuel Morín Hevia

Hace 5 años

Oka, entonces esto es un ambiente virtual.

Juan Francisco Cevallos Valdivieso

Amigos si no les deja ejecutar desde la terminal del Visual Studio Code, les dejo este video que a mi me funcionó https://www.youtube.com/watch?v=zUszm-f6Xq4 solo al final pongan "Permitir scripts locales y scripts remotos firmados"

Ariel Ayala

También funciona abreviando tsc -w hello.ts

Thanks, lo tendré en cuenta.

Irving German Manuel Molano Torres

Excelente!

Isela Reyes Perdomo

Si no les funciona el comendo "tsc", escriban "npx tsc" y ya <3

Markoz Peña

Buena idea, eso lo que hace es ejecutare el binario directamente

Isabella Susana

Buen aporte, me sirvió!

Jorge Cruz Perez

Tambien pueden hacer lo siguiente, tener dos ventanas abiertas en VSCode una de ts y la otra de js y observas los cambios en e codigo ![](

Yo uso la terminal xD gracias por el aporte.

Villegas Hernández Jordán Sinai

muy buen consejo gracias

Santiago Lopera Naranjo

Una opción para trabar mas rapido, sería tener dos servicios levantados, el "--watch" para compilar TypeScript y "nodemon" para auto ejecutar JavaScript, así cuando uno guardemos cambios en los archivos TS podemos ver el resultado de inmediato en JS Ejemplo: tsc --watch hello.ts/ nodemon hello.js

Lina Katherine Larrea

Totalmente. Y ya generando un script de node sería mucho más fácil el proceso de levantar o incluso mandar a producción el archivo :-)

Alex hernandez mitre

tip de PRO.

Javi Felices

Aunque **Powershell **es muy poderosa, hay otras opciones para los que usamos Windows, desde Powershell Core, que es multiplataforma, hasta Terminal, la nueva terminal para Windows 10, o una de las mejores opciones es Git Bash, cuando instalas Git en Windows tienes la opción de instalar esta terminal, por defecto está marcada, y funcionan los comandos Unix, en el caso de Luis que usa MAC, serán los mismos.

Otras opciones son ConEmu, o su versión más ligera cmder.

A mi Git Bash me encanta. Lo único es que siento que no se puede personalizar tanto como las terminales de Mac o Linux T_T

Andrea Ysabel Urdaneta Durango

Typescript debe ser compilado al ser un archivo con un extensión como file.ts al ser compilado nos genera los archivos file.js ya que los navegadores no entienden TypeScript sino JavaScript 😊

Loveu ❤ TypeScript por poner orden

Carlos Guerra

Si en Mac les aparece este error:

Sólo ejecuten la siguiente Instrucción: $ sudo chown -R $USER /usr/local/lib/node_modules

Cesar Roman Santillan

super! me ahorraste la busqueda inparable 👌

Juan Burns

A mi me funciono en windows, porque será?

Erick Alonso

No olviden usar el Sudo al correr el comando de instalación

sudo npm install -g typescript

Alex Camacho

Profesor

🥽 Entorno de desarrollo

Para comenzar a trabajar con TypeScript se necesita tenerlo instalado de forma global en nuestro sistema, eso se logra a través del comando npm install -g typescript el cual nos instalará la versión más reciente, para comprobar que versión se instaló y que lo hemos instalado de forma correcta utilizamos el comando tsc -v.

Una vez que se tiene instalado TypeScript ya se puede comenzar a trabajar con él. Hay que recordar que los navegadores no reconocen este código por lo tanto toca transpilarlo a JavaScript. El comando tsc filename.ts realiza esta acción.

Por otro lado también tenemos este comando tsc --watch filename.ts que cada vez que salvemos cambios nos transpilará nuestro archivo de TypeScript a uno de JavaScript.

Juan Osio

Me encanta la manera en que has organizado las últimas clases en un solo archivo. Te tomo la palabra y voy a organizar mis apuntes así también :-)

que buen resumen! muchas gracias

Ivan Andres Diaz Lopez

es decir, tsc es para compilar una sola vez. y Watch es para ir actulizando el mismo archivo?

David Campos

Sí, con Watch el archivo se compilará automáticamente cuando haya cambios en él.

Mauricio Moreno Morales

Los watchers son comunes en una gran cantidad de compiladores o transpiladores, y funcionan de modo que detectan cuando haces un guardado en algún archivo (sea que presiones ctrl + s) y en el momento que detectan cambios transpilan el archivo que fue alterado.

Julio Loarte Huerto

Si les sale este error al ver la versión del TSC:

Es porque esta deshabilitada la ejecución de scripts.
Abrir Windows PowerShell como administrador y ejecutar el comando

Get-ExecutionPolicy

Si nos devuelve Restricted(Restringido), ejecutar el siguiente comando para tenerlo como Unrestricted(Irrestricto):

Set-ExecutionPolicy Unrestricted

Con eso solucione el inconveniente que tenia al utilizar Windows Terminal. Espero les sirva.

Saludos

Ancizar Arroyo Chávez

Hace 4 años

Muchas gracias, Me sirvió!!!

German Vera

Hasta ahora se entiende jeje

Miguel Angel Reyes Moreno

Para instalar esta herramienta debemos hacer npm i -g typescript. La bandera "-g" significa "global" y podremos usar el TSC en nuestros diferentes proyectos. Una vez instalado podemos hacer tsc -v para comprobar qué versión tenemos en nuestro equipo.

¿Cómo funciona el TSC? Tenemos por ejemplo un archivo "hello.ts", el TSC lo tomará y creará un archivo "hello.js". De manera práctica podemos hacer tsc hello.ts

Luego podemos ejecutar el archivo de JavaScript con Node, haciendo node hello.js.

Tenemos la opción de "--watch", lo cual significa que con solo guardar los cambios en el archivo TS, estará modificando automáticamente el archivo JS, simplemente escribimos tsc --watch hello.ts.

Santiago Fitipaldo

Por si les es de ayuda, si al ejecutar el comando 'npm install -g typescript' en MAC reciben un error de EACCES, simplemente ingresen el comando 'sudo npm install -g typescript' para autorizar el acceso a la carpeta donde NPM instala las dependencias globales. A mi me funciono.

Hola Santiago, Muchas gracias por el aporte. Sigue aportando contenido valioso para la comunidad de esta forma👌 ¡Nunca pares de aprender! 💚

Angel Hernandez

otra buena opcion para usar el watcher y no tener que estar compilando manualmente los archivos que modifiquemos es

tsc -w *.ts

Esto en la carpeta donde tengamos los archivos ts

El compilador de TypeScript

Progreso del curso

Introducción a TypeScript

Entorno de Desarrollo

Tipos en TypeScript

Tipos Personalizados

Módulos

Cierre