Instalaci贸n de herramientas para TypeScript

2/32
Recursos

Aportes 34

Preguntas 4

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Para estos casos yo utilizo n https://www.npmjs.com/package/n

Instrucciones de instalacion de NVM en Windows

https://docs.microsoft.com/en-us/windows/nodejs/setup-on-windows

Les recomiendo utilizar un gestor de paquetes para hacer la instalaci贸n de librer铆as como Node y otros programas. En el caso de Mac pueden utilizar Homebrew o Macports, en Windows acaban de sacar Winget o puedes usar Chocolatey y si usas Linux鈥 ya sabes de lo que te hablo.

Instalaci贸n y funcionamiento del compilador de TypeScript

Instalamos globalmente:

npm install -g typescript

El rol del compilador tsc es transformar nuestro codigo escrito en Ts a plano Js para que pueda ser interpretado por los navegadores y otras plataformas

<h4>Como compilar un archivo Ts</h4>
// compilamos el archivo ts
tsc hello.ts

// ejecutamos el nuevo archivo creado por el compilador
node hello.js
<h4>Compilamos de manera automatica un archivo en particular</h4>

este se va a compilar cada vez que haya un cambio en el archivo en cuestion

tscc --watch hello.ts

En Windows funciona de lujo nvm, y l贸gicamente altamente recomendado

En momentos como estos en lso que ya instale Node, desear铆a qeu Platzi tenga una divisi贸n por 鈥減artes鈥 en la barra de reproducci贸n

Listo para empezar, nuevas versiones Enero-2022.

node -v
v16.13.0
.
npm -v
8.2.0

Genial!
Aqu铆 ya con la versi贸n v12.19.0

nvm install --lts
  1. Instalar NodeJs -> luego de tener instalado Node, se puede usar npm. Entonces,
npm install -g typescript
  1. Crean un folder. Y dentro del folder crean un archivo .ts. Entonces dentro del folder, hacen:
touch index.ts
  1. Este es un ejemplo de algo que hice para probar TS:
class Payment {
    private bin: number;
    private cvc: number;
    private year: number;

    constructor( bin: number, cvc: number, year: number ) {
        this.bin = bin;
        this.cvc = cvc;
        this.year = year
    }
        
    private validateBin () {
        return true
    }

    private validateCVC () {
        return true
    }

    private validateYear () {
        return true
    }

    makePayment() {
        if (this.validateBin() && this.validateCVC() && this.validateYear() )
        {
            return 'Pago exitoso'
        }
        else {
            return 'no se pudo :/'
        }
    }

}

let pay = new Payment(123456789012345, 345, 2028)
console.log(pay.makePayment())
  1. para compilar el c贸digo, en consola escriben
npx tsc index.ts --outFile dist/index.js

para los que usan Linux aqui encontre un tutorial de como instalarlo , les recomiendo la opcion 3 que permite ver las versiones link

Y si te lo preguntabas, claro que necesitas NVM.
Ahora ve e instalalo, tu yo del futuro te lo agradecera.

Si necesitan una alternativa a nvm, que te permite especificar la version de tus herramientas o lenguajes de programacion por proyecto, les recomiendo asdf

nvm me ha dado problemas al instalar la ultima version de nodejs y ejecutar el comando npm

para WSL

  1. sudo apt-get install curl
  2. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
    3 . 鈥 verificar vercion 鈥 command -v nvm
  3. instalas LTS nvm install --lts

Si alguien tiene problemas instalando NVM en Mac, este post me sirvi贸 mucho https://fedingo.com/how-to-install-nvm-on-mac-with-brew/

Prefiero usar NVM desde el principio

sudo npm install -g typescript para permisos en mac

驴Por qu茅 instalar NVM o alg煤n otro gestor de versiones de node?
Tu proyecto siempre depender谩 de la versi贸n de node y de npm que le instales, y como llegar谩s a tener m谩s de un proyecto, es importante que puedas pasarte de una versi贸n a otra seg煤n lo requiera el proyecto.
Por ejemplo: El repositorio del cliente 1 trabaja con gulp y las 煤ltimas versiones de node no lo soportan, pero tu cliente 2 quiere empezar todo con las 煤ltimas versiones de todo para evitar vulnerabilidades.

NVM te soluciona este problema, dej谩ndote pasar de una versi贸n de node a otra, con una sola instrucci贸n en la terminal. Como mencionan otros compa帽eros, hay otras opciones, como https://www.npmjs.com/package/n. --Lo importante es que escojas una con la que te sientas c贸moda (y le presten soporte!!)

Aca les dejo mi repositorio donde subo mis codigos y notas de mi aprendizaje en Platzi

Instala NVM en Ubuntu

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

Usa node JS & nvm para gestionar vesriones.

Done!

Hola, para los que usan Linux, les dejo este tutorial de instalaci贸n install tutorial

Esto lo hice a partir de ya haber descargado el archivo .tar.xz de la p谩gina typescriptlang

Espero que les sirva 馃挭

para windows existe tambi茅n existe una opci贸n nvm

Excelente

nvm parece ser una herramienta muy interesante y util

listo

.

nvm

Minuto 2:06
node --version
npm --version

node --version npm --version

pueden instalar deno para ejecutar ts en la terminal
Deno

Si ya tengo instalado Node.js con el instalador de la p谩gina oficial, 驴Podr铆a instalar NVM?

node rules