Para comenzar a programar en TypeScript, una buena opción es usar Visual Studio Code como editor de texto. Es accesible, multiplataforma y fácil de instalar, lo que lo convierte en un entorno neutro ideal para centrarnos en el código. Además, Visual Studio Code está desarrollado en TypeScript, lo que garantiza un soporte excelente para este lenguaje, incluyendo autocompletado, refactorizaciones y otras funcionalidades que facilitan la programación. Detrás de este editor está Microsoft, la misma empresa que mantiene TypeScript, por lo que la integración es muy sólida.
Aunque en el día a día podemos preferir otros editores como Vim con extensiones para TypeScript, Visual Studio Code es una opción muy recomendable para quienes empiezan o quieren un entorno con todas las comodidades listas para usar. En este caso, trabajaremos con la versión 4.0.1 RC de TypeScript, que aunque es una versión candidata, nos permite acceder a las últimas características del lenguaje.
Para nuestro primer ejemplo, creamos un archivo llamado hola.ts. La extensión .ts indica que es un archivo TypeScript, que es básicamente JavaScript con funcionalidades adicionales. De hecho, cualquier código JavaScript válido es también código TypeScript, lo que nos muestra la gran interoperabilidad entre ambos lenguajes. Por ejemplo, escribir:
console.log("HolaMundo");
es perfectamente válido en TypeScript y funciona igual que en JavaScript. Esto es muy importante porque nos permite integrar código JavaScript existente en proyectos TypeScript sin problemas, simplemente copiando el código en archivos .ts. Además, podemos importar o requerir archivos .js desde TypeScript, lo que facilita la reutilización y la migración progresiva de proyectos.
Los tipos de datos básicos de JavaScript, como las cadenas de texto, funcionan igual en TypeScript, por lo que no hay que preocuparse por incompatibilidades en este sentido.
Una vez escrito nuestro código, podemos compilarlo para convertirlo en JavaScript que el navegador o Node.js puedan ejecutar. Para ello, usamos el compilador tsc. Si lo tenemos instalado globalmente, podemos ejecutar en la terminal:
tsc hola.ts
Esto genera un archivo hola.js con el mismo código, aunque el compilador añade algunos detalles como puntos y comas al final de las instrucciones. Por ejemplo, el archivo generado tendrá:
console.log("HolaMundo");
con un punto y coma al final, aunque en nuestro código original no lo hayamos puesto.
Para proyectos más grandes o para evitar tener que escribir el comando de compilación cada vez, es recomendable usar scripts de npm. En el archivo package.json podemos añadir una sección scripts donde definimos comandos personalizados. Por ejemplo, podemos añadir:
"scripts": {
"build": "tsc hola.ts"
}
De este modo, en la terminal solo tendremos que ejecutar:
npm run build
y se compilará nuestro archivo hola.ts automáticamente. Esto es especialmente útil porque npm se encargará de buscar el compilador tsc en las dependencias locales del proyecto, evitando problemas con rutas o instalaciones globales.
Si estamos en Windows, es recomendable usar el Subsistema de Windows para Linux (WSL) para tener una experiencia más cercana a la terminal de Linux, aunque también se puede usar el símbolo del sistema o PowerShell con las adaptaciones necesarias en las rutas.
Con esta base, ya podemos empezar a escribir nuestros primeros programas en TypeScript y compilar de forma sencilla, para luego ir añadiendo más funcionalidades y aprovechar todo lo que ofrece este lenguaje.