TypeScript

Instalar globalmente

Windows

npm i -g typescript

Linux

sudo npm i -g typescript

Iniciando um projeto

Inicializar a pasta para ter o arquivo de configuração do typescript

tsc --init

Compilando

Simples

TypeScript compila para um arquivo em JavaScript Para compilar o código e logo após executá-lo

tsc nomedoarquivo.ts
node nomedoarquivo.js

Utilizando Code Runner (VSCode Extension)

Para utilizar o code runner no vscode para rodar o código é necessário instalar o ts-node ctrl + alt + N para rodar

npm i -g ts-node

Para adicionar em um site

Criar package.json para salvar dependencias

npm init -y

Opcional instalando uma ferramenta para criar um servidor de desenvolvimento com hot reload.

npm i -s live-server

Criando um Script para iniciar o servidor mais facilmente, no package.json adicione o seguinte parametro:

{
    "scripts": {
        "start": "live-server"
    },
}

O comando npm start inicia o servidor de desenvolvimento graças a modificação no arquivo .json

Tipos

• string
• number
• boolean
• any
• Array<Type>

Os tipos em TypeScript são inferidos, então quando a variavel é iniciada com um valor o compilador atribui o tipo da informação à variavel, porém, se iniciada sem inferir nenhum tipo ela se torna tipagem dinâmica definindo o tipo any que é como se ela fosse uma variável de JS normal. Os Arrays também possuem a mesma tipagem então se uma variavel é definida contendo um Array de strings ela vai receber a tipagem strings[] | Array<string>, então é possivel tipar dinamicamente um Array fazendo

var arr: any[]
// Pode ser atribuido valor ou não.

interface example {
    Name: string[]
    Id: Array<number>
}

type ActionType {
    Type: 'ADD_PRODUCT' | 'REMOVE_PRODUCT'
}