Começando um projeto Web com TypeScript

Guilherme Siquinelli - Nov 15 '21 - - Dev Community

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

. . . . . . . . . . . . . . . . .
Terabox Video Player