Linux tutoriais, Windows tutoriais, Wordpress tutoriais
Página inicialMDBootstrapMDBootstrap Gulp Tutorial Completo Versão 4.8.10 (2019)
MDBootstrap Gulp Tutorial Completo Versão 4.8.10

MDBootstrap Gulp Tutorial Completo Versão 4.8.10 (2019)

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

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

https://mdbootstrap.com/user/maxter404/ que fez um excelente trabalho em corrigir os erros no arquivo gulpfile.js do pacote mdbootstrap gulp free version.


1. 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?

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.


2. 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.

2.1 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

2.2 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.


3. Instalar o Gulp no Windows e no Linux.

Você não vai precisar do comando sudo su se for um usuário do Windows 10 e Windows 7. Mas no Linux Mint você vai precisar do comando sudo su. Quem tem o Windows já pode efetuar o segundo comando.

Primeiro comando

sudo su

Segundo comando

npm install gulp@4.0.2 -g

4. 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

Você precisa clicar na pasta com o botão direito do mouse e entrar pelo terminal.

Abrir pasta pelo Terminal.

Windows

Você precisa clicar na pasta com o botão direito do mouse e entrar pelo git bash.

Abrir pasta pelo Git Bash.

Primeiro comando ->

npm init

Após digitar o comando, clique no ENTER até finalizar.

Clique na imagem para uma melhor visualização.

Segundo comando ->

npm install --save-dev gulp

Este comando instalará o Gulp no diretório. Aguarde alguns minutos…

Clique na imagem para uma melhor visualização.

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…

Clique na imagem para uma melhor visualização.

Quarto comando ->

gulp mdb-go

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

Clique na imagem para uma melhor visualização.
Clique na imagem para uma melhor visualização.

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

Clique na imagem para uma melhor visualização.
Clique na imagem para uma melhor visualização.
Clique na imagem para uma melhor visualização.

Este foi o MDBootstrap Gulp Tutorial Completo. Se desejar aprender ainda mais, veja esse tutorial: https://mdbootstrap.com/education/bootstrap/gulp-installation/

Espero ter te ajudado com este tutorial e não deixe de conferir os outros tutoriais sobre WordPress, Windows, W3.CSS, Linux e Saúde pois são preparados para usuários novos e intermediários. Tenho também vários links de cupons para produtos, cursos e games, aproveite. Até o próximo tutorial.

Deixe um comentário

avatar
  Inscreva-se  
Seguir comentários