3 maneiras de executar e debugar TypeScript com o VS Code
10 هزار بار بازدید -
2 سال پیش
-
Para quem está iniciando com
Para quem está iniciando com TypeScript, uma das coisas mais complexas é: como executar e debugar a linguagem? Nesse vídeo vou usar o VS Code para fazer exatamente isso.
Vamos configurar um projeto do zero. Nele, vou te mostrar maneiras para executar e também debugar (depurar) o código de maneira simples e direta no VS Code. Também vou te passar alguns macetes ao longo do vídeo.
00:00 - Introdução
01:00 - Necessário para seguir o vídeo
01:22 - Criando o projeto no VS Code
01:48 - npm init -y (cria um projeto node)
01:55 - Instalando o TypeScript
02:38 - Executando tsc com npx (localmente)
02:56 - O que é "transpilar"?
03:12 - tsc --init: iniciando o tsconfig.json
03:45 - Target: versão do JavaScript que o tsc vai transpilar
04:56 - rootDir e outDir (onde é a raiz e para onde transpilar)
05:58 - O node roda TypeScript (.ts)?
07:41 - Transpilando TS usando o tsc
09:38 - Usando o sucrase-node com Code Runner no VS Code
13:11 - Como Debugar (depurar) o TypeScript no VS Code
19:27 - Usando o ViteJS com vanilla-ts
22:48 - Concluindo
Cursos de Python e JavaScript / TypeScript com desconto:
https://www.otaviomiranda.com.br/2017...
Twitter: Twitter: OtavioMirandaBR
#typescript #vscode #debug
Vamos configurar um projeto do zero. Nele, vou te mostrar maneiras para executar e também debugar (depurar) o código de maneira simples e direta no VS Code. Também vou te passar alguns macetes ao longo do vídeo.
00:00 - Introdução
01:00 - Necessário para seguir o vídeo
01:22 - Criando o projeto no VS Code
01:48 - npm init -y (cria um projeto node)
01:55 - Instalando o TypeScript
02:38 - Executando tsc com npx (localmente)
02:56 - O que é "transpilar"?
03:12 - tsc --init: iniciando o tsconfig.json
03:45 - Target: versão do JavaScript que o tsc vai transpilar
04:56 - rootDir e outDir (onde é a raiz e para onde transpilar)
05:58 - O node roda TypeScript (.ts)?
07:41 - Transpilando TS usando o tsc
09:38 - Usando o sucrase-node com Code Runner no VS Code
13:11 - Como Debugar (depurar) o TypeScript no VS Code
19:27 - Usando o ViteJS com vanilla-ts
22:48 - Concluindo
Cursos de Python e JavaScript / TypeScript com desconto:
https://www.otaviomiranda.com.br/2017...
Twitter: Twitter: OtavioMirandaBR
#typescript #vscode #debug
2 سال پیش
در تاریخ 1401/04/31 منتشر شده
است.
10,019
بـار بازدید شده