Clique sobre os tópicos listados abaixo para navegar até o conteúdo desejado.

  1. Sintaxe básica
  2. Compilando e executando
  3. Declaração
  4. Comentário
  5. Bloco de código
  6. Tipos de arquivo
  7. Instalando compilador - via npm
  8. Configurando tsconfig.json

Diferente da linguagens como C, C++ e outras, TypeScript não possui um função main como ponto de entrada. Por seu uma linguagem de script, cada declaração de código feita pode ser executada imediatamente.

Como demonstrar o que foi dito acima, vamos utilizar o famoso exemplo Hello World utilizado para aprender várias linguagens:

Exemplo 1
let msg: string = 'Olá, mundo!';
console.log(msg);
Saída
Olá mundo!

Como TypeScript é uma linguagem script interpretada, uma ferramenta como um navegador Web irá realizar o processo de interpretação e execução.

A execução de declarações em TS é feita de forma linear. Uma vez que uma função, expressão ou objeto são declarados o uso pode ser feito posteriormente.

Exemplo 2
//declaração da função
function funcao(){
    //omitido
}

//uso da funcao
funcao()

A compilação é feita utilizando o compilador por linha de comando como mostrado no exemplo abaixo que irá gerar um arquivo app.js. Visite a seção Introdução para ver as ferramentas Desktop que possuem recursos para instalação do ambiente TS local.

tsc app.ts

A integração com HTML é feita utilizando a tag <script> como pode ser visto no exemplo básico. A linguagem HTML não será abordada neste tutorial.

Exemplo 3
<!DOCTYPE html>
<html>
<head>
    <title>TypeScript</title>
</head>
<body>
    <script src="app.js"></script>
</body>
</html>

Como visto no primeiro exemplo acima, as declarações de linha de código em TypeScript não precisam obrigatoriamente ser terminadas com o uso de (;).

Exemplo 4
let msg1: string = 'Hello, World'
let msg2: string = 'Hello, World';

O comando let é utilizando para declaração de variáveis. Strings em TS podem ser declaradas utilizando (""), ('') ou (``). A tipagem é feita logo após o nome da variável.

O uso de comentários na linguagem TypeScript é feita com o uso de // e /**/ que definem comentários de linha ou bloco de linhas respectivamente.

Exemplo 5
// comentário de uma linha
/*
cometário em bloco
*/

Os caracteres { e } significam respectivamente o início e fim de um bloco de declarações escritas na linguagem TypeScript.

Exemplo 6
if (a == true){
    //suas declarações aqui
}

Classes, enumeradores, comandos e outros utilizam { e } para delimitar as declarações contidas em seus blocos de código.

Por padrão, scripts escritos em linguagem TypeScript utilizam seus arquivos terminados com extensão .ts. Esses podem também conter outras partes de código para reuso.

Exemplo 7
app.ts

Outras extensões utilizadas no desenvolvimento de aplicações TS não serão abordadas, pois são específicos de ferramentas e/ou frameworks para seus usos.

  1. 27/08/2025 - revisão 2 - Ajustes pontuais, target de links
  2. 13/09/2024 - revisão 1 - Pequenos ajustes gramaticais e melhorias
  3. 27/02/2024 - versão inicial