Instalación de herramientas para TypeScript

Cursos Empresas Blog Live Conf Precios

Contenido del curso

Introducción a TypeScript

Entorno de Desarrollo

Tipos en TypeScript

Tipos Personalizados

Módulos

Cierre

32
Cierre
00:57 min

Tomar examen

Instalación de herramientas para TypeScript

Comentarios

Jorge Méndez Ortega

Estudiante

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

Camilo Bayona

Estudiante

Iba a recomendar el mismo paquete! Bien

Alejandro Martínez Delgado

Estudiante

Genial, muchas gracias

Giorgio Ventura

Estudiante

Instrucciones de instalacion de NVM en Windows

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

Diego Quiroz

Estudiante

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.

Juan Caicedo

Estudiante

Para windows pueden usar choco https://chocolatey.org/

Federico Walovnik

Estudiante

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

Como compilar un archivo Ts

// compilamos el archivo ts
tsc hello.ts

// ejecutamos el nuevo archivo creado por el compilador
node hello.js

Compilamos de manera automatica un archivo en particular

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

tscc --watch hello.ts

Javi Felices

Estudiante

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

Moisés Manuel Morín Hevia

Estudiante

Thanks.

yerson lasso

Estudiante

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

César Palma

Estudiante

bookmarks

Jimmy Buriticá Londoño

Estudiante

Listo para empezar, nuevas versiones Enero-2022.

node -v
v16.13.0
.
npm -v
8.2.0

Franco Lind

Estudiante

ya esta la v 18

Nikolas Santis

Estudiante

Genial! Aquí ya con la versión v12.19.0

nvm install --lts

Vilma Johanna Velasquez Gonzalez

Estudiante

muchas gracias!!!!

Luis Alejandro Vera Hernandez

Estudiante

Y para los que no tenemos MAC que NVM descargamos? :c

Héctor Eduardo López Carballo

Estudiante

Hola!

Mac es un sistema basado en UNIX, por lo que puedes instalarlo en Linux porque también es basado en UNIX. Qué OS estás usando? Si estás trabajando en Windows con WSL puedes instalarlo siguiendo las instrucciones que hay acá: NVM | Installing and Updating.

Luis Fernando Zarazua Aguilar

Estudiante

En la página viene una sección donde dice nvm for windows es un .exe y ya no tienes que configurar nada, es de lo más fácil. NVM-For-Windows

Andrés Felipe Eslava Zuluaga

Estudiante

Instalar NodeJs -> luego de tener instalado Node, se puede usar npm. Entonces,

npm install -g typescript

Crean un folder. Y dentro del folder crean un archivo .ts. Entonces dentro del folder, hacen:

touch index.ts

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())

para compilar el código, en consola escriben

npx tsc index.ts --outFile dist/index.js

Paulina Nieves

Profesor

intentare correr tu código :D

Cesar Raul Alan Cruz Gutierrez

Estudiante

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

Iván Rodríguez

Estudiante

Buenas, es muy obligatorio instalar NVM o no? :(

Héctor Eduardo López Carballo

Estudiante

Hola!

No es obligatorio, pero es MUY recomendable. Utilizarlo te va a facilitar mucho cambiar de versión de Node si lo llegas a necesitar en algún proyecto, te va a ahorrar muchos dolores de cabeza.

Ricardo Boraure

Estudiante

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

Sebas Avalos

Estudiante

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

Ignacio Ramos

Estudiante

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

Josue Zafra

Estudiante

Podrias compartir tu problema?

Fredy Daniel Flores Lemus

Estudiante

Se puede decir que nvm nos permite crear como entornos virtuales para node?

Héctor Eduardo López Carballo

Estudiante

No lo creo, pero no lo sé con certeza. NVM es un "manjeador de versiones" para Node, lo que solo implica que es una manera de utilizar una versión u otra para correr node, sin embargo, los paquetes instalados a través de npm serían los mismos y creo que tener un entorno virtual implica que cada entorno tenga sus propios módulos.

Fredy Daniel Flores Lemus

Estudiante

Entiendo, gracias por tu respuesta bro ;)

Diego Fernando Rojas Quintero

Estudiante

como instalo nvm en mi terminal de comando linux lts 20.04?

Roger Carlos Ariel Alba

Estudiante

Hola Diego,

Encontré está breve guía puede que te sirva.

Saludos

Aurelio ML

Estudiante

Buenas Diego, podes instalarlo desde apt

sudo apt-get install neovim

Si no te funciona, podes hacerlo desde el repositorio con

curl -LO https://github.com/neovim/neovim/releases/latest/download/nvim.appimage
chmod u+x nvim.appimage
./nvim.appimage

Si tenés alguna duda, podes leerla en la documentación de neovim https://github.com/neovim/neovim/wiki/Installing-Neovim

CHRISTIAN OLIVER SOLANO NUÑEZ

Estudiante

para WSL

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

Erik Fernando Ajú Mota

Estudiante

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

Reinaldo Mendoza

Estudiante

Prefiero usar NVM desde el principio

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())

Introducción a TypeScript

El lenguaje de programación TypeScript