DEV Community

Cover image for Começando um projeto Web com TypeScript
Guilherme Siquinelli
Guilherme Siquinelli

Posted on

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
Enter fullscreen mode Exit fullscreen mode

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

Discussion (1)