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 e muito mais...

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 de commits.
    Arquivo de configuração: commitlint.config.js

  • Webpack

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

Extensões para VScode

Importante!

Configure corretamente cada extensão.

Minhas configurações do VSCode estão no arquivo: vscode - settings.json