Começando um projeto Web com TypeScript

This content originally appeared on DEV Community and was authored by Guilherme Siquinelli

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

This content originally appeared on DEV Community and was authored by Guilherme Siquinelli

Print Share Comment Cite Upload Translate Updates

APA

Guilherme Siquinelli | Sciencx (2021-11-15T20:50:11+00:00) Começando um projeto Web com TypeScript. Retrieved from https://www.scien.cx/2021/11/15/comecando-um-projeto-web-com-typescript/

MLA

" » Começando um projeto Web com TypeScript." Guilherme Siquinelli | Sciencx - Monday November 15, 2021, https://www.scien.cx/2021/11/15/comecando-um-projeto-web-com-typescript/

HARVARD

Guilherme Siquinelli | Sciencx Monday November 15, 2021 » Começando um projeto Web com TypeScript., viewed ,<https://www.scien.cx/2021/11/15/comecando-um-projeto-web-com-typescript/>

VANCOUVER

Guilherme Siquinelli | Sciencx - » Começando um projeto Web com TypeScript. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/15/comecando-um-projeto-web-com-typescript/

CHICAGO

" » Começando um projeto Web com TypeScript." Guilherme Siquinelli | Sciencx - Accessed . https://www.scien.cx/2021/11/15/comecando-um-projeto-web-com-typescript/

IEEE

" » Começando um projeto Web com TypeScript." Guilherme Siquinelli | Sciencx [Online]. Available: https://www.scien.cx/2021/11/15/comecando-um-projeto-web-com-typescript/. [Accessed: ]

rf:citation

» Começando um projeto Web com TypeScript | Guilherme Siquinelli | Sciencx | https://www.scien.cx/2021/11/15/comecando-um-projeto-web-com-typescript/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.