Tutorials
https://vvcestudio.com.br/en/tutorial/javascript/typescript/menu
TypeScript
What is TypeScript?
TypeScript é uma extensão do JavaScript que adiciona tipagem estática à linguagem.
Desenvolvida pela Microsoft.
Exemplo de código TypeScript
index.ts
x
import {Calculadora} from "./Calculadora";
const variavel1: string = "Olá!";
const variavel2: number = 3;
let variavel3: string = "Concatenando:"
variavel3 = variavel3 + variavel1 + variavel2;
console.log(variavel3);
const cal = new Calculadora(5);
let variavel4 = cal.somar(variavel2);
console.log(variavel4);
const variavel1: string = "Olá!";
const variavel2: number = 3;
let variavel3: string = "Concatenando:"
variavel3 = variavel3 + variavel1 + variavel2;
console.log(variavel3);
const cal = new Calculadora(5);
let variavel4 = cal.somar(variavel2);
console.log(variavel4);
calculadora.ts
x
export class Calculadora {
num : number
constructor(num: number){
this.num = num;
console.log("this.num="+this.num);
}
somar(novoNum: number){
this.num = this.num + novoNum;
return this.num
}
}
num : number
constructor(num: number){
this.num = num;
console.log("this.num="+this.num);
}
somar(novoNum: number){
this.num = this.num + novoNum;
return this.num
}
}
Exemplo de TypeScript: https://github.com/ViniciusVC/repository_js_public/tree/main/exemplo_typeScript
Este site foi desenvolvidocom TypeScript + Next + Node.JS.
criar projeto com TypeScript
Criar o Package.json
x
npm init -y
index.ts
x
npm install -D typescript npm install -D ts-node
Inicializar o Typescript no projeto:
x
npx tsc - -init
Em tsconfig.json defina o diretório de saída do build.
"outDir": "./dist"
Rodando projeto
Rodar o projeto
x
npx ts-node ./src/index.ts
Buildar o projeto
x
npx tsc
Rodar codigo buildado
x
node ./dist/index.js
.
Visit other channels :
