Como instalar os assest do bootstrap no Laravel 5.4

Breve tutorial para integrar o Bootstrap no Laravel 5.4:

1- Baixar e instalar o node.js

2- No cmd digite: npm install

Este comando vai instalar os pacotes necessários. Após a instalação teremos, na estrutura do projeto, um diretório chamado de node_modules.

3- No arquivo package.json, precisamos atualizar os caminhos no campo
"scripts". Em todas as linhas, após "/cross-env/" adicionamos "dist/".
Ficando assim: "node node_modules/cross-env/dist/bin/...

Obs.: Se você possui a ultima versão da 5.4 o passo 3 não é necessário.

Pois os caminhos são gerenciados pelo webpack.js.

4- Agora no cmd, digite:

npm run dev

5- Após finalizado recarregue sua página e pronto! Agora você tem o Bootstrap instalado e pronto para uso.

Comentários

Postagens mais visitadas deste blog

Como compilar javascript com Sublime Text

Tutorial de como compilar código javascript com o Editor Sublime Text: Primeiro de tudo é necessário baixar e instalar o node js. Agora, no sublime, clique em Tools - Build System - New Build System..., e cole o código abaixo: { "cmd": ["node", "$file"], "selector": "source.js", "working_dir": "${project_path:${folder}}", "path": "C:\\Program Files\\nodejs" } Atenção: Em path, coloque o caminho correto da instalação do nodejs. Usa-se duas barras mesmo, não é erro! Agora tecle Ctrl + S para salvar este arquivo, já será apontado para o diretório correto, basta mudar o nome do arquivo para node. Nome completo do arquivo deverá ser: node.sublime-build. Pronto! Crie um arquivo de teste e vá em Tools - Build System e selecione a opção node . E para compilar tecle Ctrl + B.

Como criar projeto no Laravel especificando a versão do framework

Olá amigos dev's! Este post nos ensina como criar um projeto em um dos frameworks PHP mais utilizados atualmente, o Laravel. A criação é feita via Composer, porém às vezes queremos trabalhar com uma versão específica do framework e se executarmos o comando sem especificar a versão, ele automaticamente instalará a mais recente. Antes de executarmos o comando para criar o projeto, precisamos instalar o framework. Para tal, executamos o seguinte comando: composer global require "laravel/installer" Ao executar o comando acima, o composer irá se encarregar de baixar e instalar os pacotes das dependências do framework. Se for a primeira vez, ele pode demorar alguns minutos! Após finalizado a instalação do Laravel , executamos o comando para criar nosso projeto. Digite: composer create-project --prefer-dist laravel/laravel nome-do-projeto 5.1.* Note que no final do comando está especificado a versão do framework que desejarmos! Referencias: https://laravel.c...

Traduzindo Aplicação Laravel

Uma dica muito boa para traduzir sua aplicação desenvolvida em PHP no framework Laravel. Primeiro acessamos o link do projeto no Github que contém a biblioteca com mais de 61 idiomas, que é https://github.com/caouecs/Laravel-lang Há dois modos de fazermos este processo, baixando a biblioteca através do composer ou copiando somente a pasta do idioma que desejamos traduzir. Baixando a biblioteca via Composer: No terminal, digite o comando abaixo e aguarde o fim da instalação: composer require caouecs/laravel-lang Após instalado, a biblioteca ficará no diretório: app\vendor\caouecs. Acessamos esta pasta e dentro da pasta src teremos as pastas dos respectivos idiomas, basta copiar a pasta desejada e colar em resources\lang. O outro modo é baixarmos o arquivo da biblioteca compactado direto no Github e fazermos o mesmo processo da cópia da pasta do idioma mencionado acima. Feito isto, acessamos o arquivo de configurações em config\app.php , para mudarmos o idioma d...

Café com Dev

Pesquisar este blog