Instalación de herramientas para TypeScript

Clase 2 de 32 • Curso de TypeScript 3

Clase anteriorSiguiente clase

Jorge Méndez Ortega

student•

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

Camilo Bayona

student•

Iba a recomendar el mismo paquete! Bien

Alejandro Martínez Delgado

student•

Genial, muchas gracias

Giorgio Ventura

student•

Instrucciones de instalacion de NVM en Windows

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

Diego Quiroz

student•

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

student•

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

Federico Walovnik

student•

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

student•

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

Moisés Manuel Morín Hevia

student•

Thanks.

yerson lasso

student•

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

student•

bookmarks

Jimmy Buriticá Londoño

student•

Listo para empezar, nuevas versiones Enero-2022.

node -v
v16.13.0
.
npm -v
8.2.0

Franco Lind

student•

ya esta la v 18

Nikolas Santis

student•

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

nvm install --lts

Vilma Johanna Velasquez Gonzalez

student•

muchas gracias!!!!

Luis Alejandro Vera Hernandez

student•

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

Héctor Eduardo López Carballo

student•

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

student•

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

student•

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

teacher•

intentare correr tu código :D

Cesar Raul Alan Cruz Gutierrez

student•

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

student•

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

Héctor Eduardo López Carballo

student•

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

student•

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

Sebas Avalos

student•

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

student•

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

Josue Zafra

student•

Podrias compartir tu problema?

Fredy Daniel Flores Lemus

student•

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

Héctor Eduardo López Carballo

student•

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

student•

Entiendo, gracias por tu respuesta bro ;)

Diego Fernando Rojas Quintero

student•

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

Roger Carlos Ariel Alba

student•

Hola Diego,

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

Saludos

Aurelio ML

student•

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

student•

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

student•

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

student•

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

Instalación de herramientas para TypeScript

Introducción a TypeScript

El lenguaje de programación TypeScript

Instalación de herramientas para TypeScript

Instalación de herramientas en Windows

Navegación y refactorización

Entorno de Desarrollo

El compilador de TypeScript

El archivo de configuración de TypeScript

Mi primer proyecto TypeScript

Tipos en TypeScript

Tipado en TypeScript

Number, Boolean y String

Any

Void y never

null y undefined

Object

Array

Tupla

Enum

Unión de Tipos, Alias y Tipos Literales

Aserciones de tipo

Funciones en TypeScript

Resumen

Tipos Personalizados

Interfaces

Interfaces: propiedades opcionales

Extensión de interfaces

Clases

Clases públicas y privadas

Métodos Get y Set

Herencia de clases y propiedades estáticas

Resumen

Módulos

Principios de responsabilidad única

Resolviendo módulos

Webpack y agrupación de Módulos

Cierre

Cierre