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 “partes” 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