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.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *