Como iniciar un proyecto TypeScript

Hola a todos, hoy os voy a explicar como podemos iniciar un proyecto TypeScript.

TypeScript es un lenguaje de programación libre y de código abierto desarrollado y mantenido por Microsoft. Es un superconjunto de JavaScript, que esencialmente añade tipos estáticos y objetos basados en clases.

Lo primero que necesitamos hacer es descargar e instalar NodeJs, lo puedes descargar desde su página oficial.

Para crear nuestro primer proyecto, crearemos una carpeta y con una terminal ejecutamos el siguiente comando:

npm i typescript –save-dev

También ejecutaremos el siguiente comando:

npm install -g ts-node

Con -g lo instalamos de forma global, por lo que solo es necesario que lo hagamos una vez.

Esto hará que cree la siguiente estructura:

Ahora creamos un fichero llamado index.ts con el siguiente contenido:


console.log('Hola mundo');

Cada vez que queramos ejecutar nuestro typescript, ejecutaremos el siguiente código:

ts-node index.ts

El resultado es el siguiente:

También podemos compilar nuestro código TypeScript a JavaScript con este comando:

npx tsc index.ts

Esto nos creará un fichero JavaScript:

Si lo queremos probar, crearemos un HTML, que importe ese js. Os dejo un ejemplo:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejemplo Hola mundo</title>
    <script src="index.js"></script>
</head>
<body>

    
    
</body>
</html>

Si abris el html y abrimos la consola, veremos lo siguiente:

También podemos crear la configuración con el siguiente comando:

npx tsc –init

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Compartir

Deja una respuesta

Tu dirección de correo electrónico no será publicada.