Starter Front-End

O objetivo do starter é fornecer uma base completa e configurada para o desenvolvimento de códigos legíveis e consistentes

Linguagens suportadas

• Typescript
• Sass
• CSS
• HTML

Lints e empacotadores

• Eslint
• StyleLint
• Stylelint-a11y
• Stylelint-scales
• HTMLHint
• CommitLint
• Commitizen
• Husky
• WebPack

Instalação

yarn install
Instala as dependências do projeto

yarn prepare
Instala e configura o husk.

Comandos

yarn start
Inicia o servidor do Webpack e abre o projeto no navegador.

yarn build
Cria a versão de distribuição do projeto, em /dist.
Os arquivos são gerados no modo de produção.

yarn github-page
Cria e envia para o github a branch github-page, preparada para se publicar no Github Pages.

yarn commit
Para usar o CommitLint.
Use esse comando ao invés de git commit -m 'message'.

Configurações

Stylelint, Stylelint-a11y, Stylelint-scales

Lint do Css e Scss.
Aquivo de configuração: .stylelintrc

Htmlhint

Lint do HTML.
Arquivo de configuração: .htmlhintrc

Eslint

Lint JavaScript e Typescript.
Arquivo de configuração: .estlintrc.json

Commitlint

Lint commits.
Arquivo de configuração: commitlint.config.js

Webpack

Empacotador do projeto.
Arquivo de configuração: webpack.config.js

Extensões para VScode

• VS Code - ESLint
• VS Code - Stylelint
• VS Code - HTMLHint
• VS Code - Prettier
• VS Code - Format Code Action

Importante: configure corretamente cada extensão. Minhas configurações do VSCode estão no arquivo: settings.json

---

Desenvolvimento: Geisson Iuri | Página do projeto

---