Começando um projeto Web com TypeScript

Para começar um projeto do zero, simples, usando HTML, CSS, TypeScript e ESBuild.

Precisa fazer as seguintes etapas:

1. Criar o diretório com o nome do seu projeto
2. Criar o package.json
3. Criar o tsconfig.json
4. Instalar as dependências
   1. esbuild
   2. esbuild-serve
   3. typescript
   4. prettier
5. Criar o diretório src
6. Escrever o TypeScript inicial dentro de src
7. Criar o diretório public/styles
8. Escrever o HTML inicial dentro de public
9. Escrever o CSS inicial dentro de public/styles
10. Criar a configuração do ESBuild
11. Criar a configuração do prettier
12. Adicionar "type": "module" ao package.json
13. Adicionar o script de build ao package.json
14. Adicionar o script de start ao package.json
15. Executar o npm start

Ou então compactar tudo isso em um script bash e usa-lo da seguinte forma

./create-project.sh meu-projeto

Segue o código do script

Ele é extremamente simples e resolve o propósito com excelência.

Espero ter ajudado, até a próxima.
[]s