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.
Deja una respuesta