antonio-abrantes / estrutura-basica-para-front-end

Estrutura básica para inciar front-end de pagina web

Estrutura básica para front-end

Referências de recursos utilizados

• Node.js
• Gulp
• Bootstrap
• Sass
• Browser Sync

Instruções

• Baixar e instalar o nodejs
• Abrir o prompt, acessar a pasta do projeto e digitar os seguintes comandos:

npm install gulp-cli -g
npm init
npm install gulp browser-sync gulp-sass --save-dev
npm install bootstrap jquery popper.js

• Criar o arquivo gulpfile.js dentro da raiz principal do projeto
• Após o script ter sido criado, execute o comando 'gulp' para iniciar

Estas configurações vão copiar todos os arquivos necessários para as pastas js e css e também dar reload automatico no navegador após qualquer alteração no projeto, seja no html, js, css ou a compilação do scss.

Observação

Caso seja feito um clone deste repositório, no lugar do comando 'npm init', utilize o comando 'npm i', pois assim, todos os módulos de dependencies e devDependencies serão automaticamente instalados no seu projeto.

Explicando algumas flags

-g = Serve para instalar o pacote globalmente.
--save = Serve para instalar o pacote como dependencia do projeto.
--save-dev = para instalar o pacote como dependencia de desenvolvimento.

Pagina pessoal: https://antonio-abrantes.github.io/