Para começar um projeto do zero, simples, usando HTML, CSS, TypeScript e ESBuild.
Precisa fazer as seguintes etapas:
- Criar o diretório com o nome do seu projeto
- Criar o package.json
- Criar o tsconfig.json
- Instalar as dependências
- esbuild
- esbuild-serve
- typescript
- prettier
- Criar o diretório src
- Escrever o TypeScript inicial dentro de
src
- Criar o diretório public/styles
- Escrever o HTML inicial dentro de
public
- Escrever o CSS inicial dentro de
public/styles
- Criar a configuração do ESBuild
- Criar a configuração do prettier
- Adicionar
"type": "module"
aopackage.json
- Adicionar o script de build ao
package.json
- Adicionar o script de start ao
package.json
- 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
Top comments (0)