Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 15, 2021 08:50 pm GMT

Comeando um projeto Web com TypeScript

Para comear um projeto do zero, simples, usando HTML, CSS, TypeScript e ESBuild.

Precisa fazer as seguintes etapas:

  1. Criar o diretrio com o nome do seu projeto
  2. Criar o package.json
  3. Criar o tsconfig.json
  4. Instalar as dependncias
    1. esbuild
    2. esbuild-serve
    3. typescript
    4. prettier
  5. Criar o diretrio src
  6. Escrever o TypeScript inicial dentro de src
  7. Criar o diretrio public/styles
  8. Escrever o HTML inicial dentro de public
  9. Escrever o CSS inicial dentro de public/styles
  10. Criar a configurao do ESBuild
  11. Criar a configurao 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 ento compactar tudo isso em um script bash e usa-lo da seguinte forma

./create-project.sh meu-projeto

Segue o cdigo do script

Ele extremamente simples e resolve o propsito com excelncia.

Espero ter ajudado, at a prxima.
[]s


Original Link: https://dev.to/guiseek/comecando-um-projeto-web-com-typescript-588f

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To