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'
}