brand logo
 Página inicial / MDBootstrap / MDBootstrap Gulp Tutorial Completo Versão 4.8.10 (2019)

MDBootstrap Gulp Tutorial Completo Versão 4.8.10 (2019)

MDBootstrap
 -
MDBootstrap Gulp Tutorial Completo Versão 4.8.10 Voltar para à Página inicial 
Escola 24h 2

O MDBootstrap é um dos melhores Frameworks gratuitos que você precisa conhecer. Este é o MDBootstrap Gulp Tutorial Completo, que vai te ajudar a corrigir o erro: gulp.start is not a function.

Os méritos deste post vai para o usuário:

Maxter404 que fez um excelente trabalho em corrigir os erros no arquivo gulpfile.js do pacote: mdbootstrap gulp free version.


Instalando o Node JS

Para usuários do Linux: por favor, confira o meu tutorial: como instalar o Node JS no Linux Mint 19/18? Depois retorne aqui, para seguir o tutorial com sucesso.

Para usuários do Windows: por favor, faça o download do NodeJS e clique no programa para iniciar a instalação.

Ao iniciar a instalação do NodeJS no Windows, siga clicando em: Next ou Próximo pois a instalação é bem fácil e rápida.


Instalar o Git Bash no Windows e no Linux

Veja como você pode instalar o Git Bash no Linux Mint e no Windows 7 ou Windows 10. Geralmente a instalação no Windows é bem mais fácil, então só vou registrar o que for necessário.

Instalando o Git Bash no Linux


Primeiro comando

sudo apt-get update

Segundo comando

sudo apt-get upgrade

Terceiro comando

sudo apt-get install git

Instalando o Git Bash no Windows


Por favor, faça o download do Git Bash e clique no programa para iniciar a instalação. Durante a instalação do Git Bash no Windows, siga clicando em: Next ou Próximo até tudo ser concluído.


Instalar o Gulp no Windows e no Linux

Você não vai precisar do primeiro comando: sudo su se for um usuário do Windows. Mas no Linux, você vai precisar do comando: sudo su, sim.

Primeiro comando

sudo su

Segundo comando

npm install gulp@4.0.2 -g

MDBootstrap Gulp Tutorial Completo

Para prosseguir neste tutorial, será necessário baixar e descompactar o pacote do mdbootstrap gulp free version (fix):

Download mdbootstrap-gulp-free-version-4.8.10 com gulpfile.js (fix)

Linux e Windows


LINUX

Você precisa clicar na pasta: MDB-Gulp-Free_4.8.10 com o botão direito do mouse e abrir pelo terminal. Depois siga os comandos mais abaixo.

Linux: Abrir pasta pelo Terminal.

WINDOWS

Você precisa clicar na pasta: MDB-Gulp-Free_4.8.10 com o botão direito do mouse e abrir pelo git bash. Depois siga os comandos mais abaixo.

Windows: Abrir pasta pelo Git Bash.

Primeiro comando

npm init

Após digitar o comando, vá clicando ENTER até finalizar.

Segundo comando

npm install --save-dev gulp

Este comando instalará o Gulp dentro da pasta (diretório). Aguarde alguns minutos…

Terceiro comando

npm install --save-dev gulp-sass gulp-autoprefixer gulp-cssmin browser-sync gulp-concat gulp-minify gulp-rename gulp-imagemin

Você também precisa de TODOS estes comandos. Aguarde alguns minutos…

Quarto comando

gulp mdb-go

Este comando vai iniciar o seu projeto. O gulp vai atualizar o seu projeto em tempo real.

ATENÇÃO: recomendo no Windows entrar e sair do servidor local pelo prompt de comando, pois pelo git bash está lento e travando.

Clique na imagem para visualizar.
Clique na imagem para visualizar.
Clique na imagem para visualizar.

Este foi o MDBootstrap Gulp Tutorial Completo. Se desejar aprender ainda mais, veja esse tutorial: gulp tutorial mdbootstrap.

Aprenda mais:

Se chegou até aqui, você é determinado(a)! Espero que tenha gostado deste guia. Aqui no blog MixTutoriais eu dou várias dicas sobre: Windows, Linux e WordPress. Até o próximo tutorial!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *