Saturday, 25 February 2017

Vue-cli: Como criar protótipos rápidos com vuejs

Criar protótipos com vuejs e maneira super rápida é tão fácil… somente 4 comandos no terminal

npm install -g vue-cli

para instalar o vue-cli de maneira global. Se você já fez esse passo uma vez, não precisa mais para os próximos projeto

vue init webpack meuprojeto

para iniciar o projeto

cd meuprojeto && npm install

para ir para o diretório do seu novo projeto instalar as dependências

e por fim

npm run dev

para rodar seu projeto!!

 

Monday, 20 February 2017

Instalando o lite-server e o browser sync e tenha o poder do autorefresh

Como instalar o lite-server e o browser sync para ter o poder do autorefresh e melhor produção dos seus projetos

Não é chato você estar escrevendo seus códigos e toda hora tem que dar reload na página?

Chega disso!

Entre no seu ambiente de produção pelo terminal e rode o seguinte código para instalar o lite-server

sudo npm -g  install lite-server

Dessa forma, ao ir na pasta do seu projeto e rodar o comando lite-server, o servidor já estará disponibilizando um endereço para você acessar o seu projeto.

Agora vamos fazer o refresh automático com o poderoso Browser Sync

Configuraremos um novo arquivo dentro da pasta raiz do projeto.

nano bs-config.json

E coloque o seguinte código no arquivo
{
  "host": "0.0.0.0",
  "watchOptions": {
    "usePolling": true
  }
}

Pronto.. agora rode o lite-server novamente e você estará conectado ao browser sync para seus refreshs automáticos

 

Para mais detalhes e instruções avançadas, vá até o scotch.io nesse artigo aqui