✅ Notícias, temas e plug-ins da WEB e do WordPress. Aqui compartilhamos dicas e as melhores soluções para sites.

Configurando um MacBook Pro 2017 para desenvolvimento WordPress

19

A última quinta-feira foi difícil. Se eu fosse explicar tudo o que aconteceu com meu computador e minha vida pessoal, você pensaria que eu estava inventando tudo.

Seria como o equivalente adulto de “meu cachorro comeu [o último mês] da minha lição de casa".

Primeiro, no que diz respeito à minha vida pessoal, isso não tem nada a ver com o bem-estar da minha família. Apenas um desastre local de esperar duas horas durante o dia de trabalho para resolver algo. Irrelevante além de, você sabe, tirar uma boa parte de um dia de trabalho.

Em segundo lugar, as coisas do computador podem ser resumidas facilmente: houve uma série completamente patética de eventos infelizes que levaram ao seu fim. Essencialmente, ” eu matei o carro.

Então eu tive que pedir uma substituição em pouco tempo (o que não é algo que eu queria fazer), tive que entregar no dia seguinte antes do meio dia (o que não é algo que eu gosto de pagar) nem é algo que eu planejei como despesa de negócios por pelo menos mais um ano ou dois.

Mas aqui estamos.

E isso me leva a escrever este post: É um passo a passo do processo que sigo e dos aplicativos que instalo sempre que configuro uma nova máquina e como a configuro.

Não será incrivelmente detalhado, mas é um ponto de partida para se isso acontecer novamente ou para qualquer desenvolvedor que pretenda configurar uma nova máquina ou reaproveitar uma máquina existente.

Desenvolvimento do MacBook Pro para WordPress

Eu pensei em como agrupar todos os aplicativos juntos, como agrupar minha configuração e como agrupar a configuração diversa de uma maneira que pareça fluir bem.

E acho que é mais fácil listar tudo o que uso, vincular as coisas onde puder e fornecer os detalhes das várias etapas que uso. Então é isso que eu fiz e o que você pode esperar.

Aqui vamos nós.

As minhas aplicações

Depois de executar todas as atualizações necessárias e reiniciar a máquina, começo a instalar e configurar todas as minhas ferramentas.

A lista a seguir é uma lista abrangente de tudo que instalo. Alguns deles são aplicativos gratuitos, outros não. Tentei dar uma breve descrição do que cada um faz, mas sua milhagem pode variar se você optar por instalar um ou todos eles.

  • Átomo. Embora eu costumava usar isso como um IDE geral, agora eu o uso como editor de texto, editor de markdown e assim por diante.
  • Barman 3. Este é o meu aplicativo favorito para limpar minha barra de menus do Mac. Isso ajuda a reduzir as distrações ao mínimo, garantindo que ainda tenho acesso a todos os aplicativos de que preciso rapidamente.
  • Melhor renomear 9. Sou compulsivo sobre como organizo e faço backup de minhas fotos e vídeos, então uso este aplicativo para usar os dados EXIF ​​da mídia para organizá-los com base no carimbo de data/hora.
  • CardHop. Este é um aplicativo mais novo no meu arsenal (no momento deste post, pelo menos) e é simplesmente usado porque fico facilmente frustrado com o aplicativo de contatos da Apple e porque acho que o Flexibits escreve um bom software.
  • CleanMyMac. A MacPaw é outra empresa que produz bons softwares. Eu executo isso no final de cada semana para ter certeza de que estou me livrando de muito lixo (geralmente vários arquivos de cache de vários aplicativos) acumulados ao longo da semana. Além disso, ajuda no processo de desinstalação se você instalou algo e deseja removê-lo completamente.
  • CodeKit. Eu escrevi sobre este aplicativo em vários posts. Eu ainda recomendo, mas depende do projeto. Eu também uso ferramentas como Gulp e vários pacotes (que eu abordo mais adiante neste post).
  • Caixa de depósito. Isso é para sincronização geral de arquivos entre aplicativos (como Transmit) e compartilhamento de arquivos com designers, familiares e amigos.
  • Droplr. Isso se tornou meu aplicativo de fato para compartilhar imagens, screencasts e outras mídias com colegas. É rápido, fornece estatísticas úteis, é mínimo e vale a assinatura anual.
  • Evernote. Eu tomo muitas notas usando meu iPad e Notability e nenhum outro aplicativo ainda tem a busca de reconhecimento de manuscrito do que o Evernote.
  • ExifPurge. Isso é útil sempre que você deseja compartilhar mídia com outras pessoas, mas não quero que eles tenham a capacidade de extrair dados sobre onde ou quando a mídia foi gravada.
  • Fantástico. É o melhor aplicativo de calendário que já usei. Já tentei terminar com ele antes, mas continuo voltando. É mais um produto Flexibits.
  • Gêmeos. Eu uso isso em conjunto com o Better Rename 9 (que abordei acima). Em suma, remove quaisquer duplicatas). Embora eu não tenha muitas, é bom ter certeza de que estou removendo todas as que tenho antes de armazená-las no armazenamento externo.
  • Travão de mão. Embora eu seja fã do Super265 (que me refiro mais adiante neste artigo), às vezes estou menos preocupado com o tamanho do arquivo do que com a codificação em um codec diferente. E quando esse é o caso, o Handbrake é o que eu uso.
  • Homebrew. Eu nem sempre usei isso, mas depois que comecei, ficou mais difícil não usá-lo, especialmente quando se trata de ferramentas de desenvolvimento (que abordarei abaixo). É um gerenciador de pacotes, mas acho extremamente útil ao trabalhar com ferramentas relacionadas ao desenvolvimento.
  • ImageOptim. Remove metadados, economiza espaço, compacta imagens e faz isso sem perdas. Ótimo para quem usa imagens em suas postagens de blog, documentos ou simplesmente compartilha muitas imagens com outras pessoas que não têm muita largura de banda.
  • Caleidoscópio. Todo desenvolvedor que trabalha em equipe ou em software de código aberto precisa de uma boa ferramenta de comparação. Alguns preferem a linha de comando, outros preferem uma GUI. Estou no último campo e esta sempre foi a minha aplicação favorita.
  • Estripador de DVD para Mac. Se você tem DVDs que deseja fazer backup ou tem filhos e deseja carregar um iPad com vídeos, este aplicativo facilita ao máximo: selecione qual parte do DVD copiar e deixe-o fazer a sua coisa.
  • Mac Video Ripper Pro. Esta é a maneira mais fácil de baixar vídeos da web de fontes como o YouTube. É ótimo para quando você deseja assistir a palestras, apresentações ou vídeos offline.
  • PhpStorm. Meu IDE preferido e favorito para desenvolvimento (apesar do nome, também é sólido para todas as linguagens que trabalham em conjunto com ele, como HTML, JavaScript, CSS ou seus pré-processadores e assim por diante).
  • Carteiro. Se você trabalha com qualquer API, especialmente APIs REST, o Postman é sólido em ajudá-lo a testar sua API ou a de outra pessoa antes de tentar integrar chamadas a ela em seu aplicativo.
  • ScreenFlow. Este é o melhor aplicativo para sempre que você precisar fazer um screencasting sério de alto nível.
  • Sequela Pró. Este é o meu front-end de banco de dados preferido.
  • Folga. Neste ponto, não acho que este aplicativo precise de nenhum tipo de descrição. É como minha equipe e eu mantemos contato uns com os outros, integramos nossos serviços e geralmente fazemos o trabalho.
  • Skitch. Isso é bom para anotar imagens rapidamente, embora o Droplr também não seja ruim nisso. Depende do que você precisa, realmente, mas eu ainda recomendo para certos casos de uso.
  • Spotify. Embora também tenhamos uma assinatura do Apple Music, este é o meu aplicativo de escolha para serviços de streaming. Seus recursos de descoberta e sua capacidade de gerar listas de reprodução sobre meus hábitos de audição são o que dificulta a saída. Então eu não.
  • Notificações do Spotify. Um aplicativo sólido para dar notificações sobre qual música está tocando junto com a arte do álbum, etc. É um recurso que faltava no Spotify e faz um bom trabalho trazendo o círculo completo para as coisas que o iTunes oferece.
  • Super265. Embora eu também seja fã do Handbrake, descobri que esse aplicativo em particular – e é mais novo, com certeza – faz um trabalho estelar ao gravar um vídeo e comprimi-lo (às vezes via 50%) com qualidade sem perdas.
  • Coisas. Sem dúvida, meu aplicativo favorito para “fazer as coisas” e sua integração com os lembretes e a Siri da Apple, juntamente com a sincronização do iOS, tornam tudo ainda melhor.
  • Torre. No último ano, fiquei cada vez mais confortável com o Git na linha de comando, mas ainda há projetos em que estou trabalhando que usei o Tower desde o commit inicial. É minha GUI preferida do Git.
  • Transmitir. Meu cliente S/FTP preferido.
  • TweetBot. Meu cliente preferido do Twitter (e sua integração com o Pocket e o Droplr também o tornam ainda melhor) no macOS e no iOS.
  • uTorrent. Se você tiver que baixar qualquer coisa via torrents, este é o cliente que eu recomendo.
  • Versões. Se você precisa de uma GUI sólida do Subversion (como se você está acompanhando a vanguarda do WordPress), eu realmente gosto disso. O Cornerstone é uma boa alternativa, mas não o uso tanto quanto antes e não uso muito o Subversion, então a simplicidade das versões é o que me conquistou.
  • VLC. De vez em quando há certos arquivos de vídeo no formato de, digamos, mkv que não quero me preocupar em converter. Este é um fantástico player de vídeo de código aberto (para uma variedade de formatos também).
  • Windscribe. Esta é a minha ferramenta favorita para macOS e iOS para usar uma VPN ao navegar na web. Seu preço é justo e os aplicativos (e extensão do navegador) são sólidos.
  • Código X. A plataforma de desenvolvimento proprietária da Apple que também é necessária para executar várias coisas que você verá mais adiante neste post.

Eu tento manter as coisas enxutas, mas há razões pelas quais eu uso os aplicativos que faço. E apesar das minhas tentativas de ser o mais seguro possível, existem alguns aplicativos que eu uso por outros motivos além de “apenas armazenar coisas”.

Então, você sabe, o aviso usual sobre ter cuidado com o que você armazena e o que você usa para armazená-lo. Seja esperto sobre como você está salvando informações confidenciais.

Ferramentas específicas de desenvolvimento

A lista de ferramentas a seguir não é necessariamente exaustiva. Ou seja, alguns projetos requerem determinados pacotes que simplesmente não fazem sentido listar aqui.

Em vez disso, este é o conjunto geral de ferramentas que uso para meu ambiente de desenvolvimento. Abrange tudo, desde qual fonte eu prefiro até o IDE de minha escolha e tudo mais.

  • Código Fira. Esta é a minha fonte favorita para qualquer IDE ou editor de texto.
  • Tema Matéria. Isso é completamente subjetivo (como a maioria das coisas nesta lista), mas descobri que esse é o tema com o qual fiquei mais tempo ao usar o PhpStorm.
  • PHP. O tempo de execução necessário para WordPress e desenvolvimento geral de PHP. Terei instruções de configuração para isso (e outras ferramentas) mais adiante neste documento sobre como instalá-lo usando o Homebrew para facilitar o gerenciamento do pacote.
  • Compositor. Se você estiver trabalhando com várias dependências em seus projetos, deverá usar o Composer para gerenciar esses pacotes.
  • WP-CLI. Esta é uma interface de linha de comando fantástica para o WordPress que está sob um desenvolvimento realmente fantástico que torna o trabalho com o WordPress no nível de linha de comando não apenas possível, mas também fácil.
  • PHPUnit. Se você vai escrever testes de unidade para seu projeto, então este é o framework que eu recomendo.
  • Sniffer de código PHP. Esta é a biblioteca para garantir que seu código esteja seguindo qualquer um dos padrões que listo no próximo item. Isso garante que você esteja seguindo as diretrizes adequadas e escrevendo as coisas corretamente.
  • Padrões de codificação PHP. Existem dois tipos gerais de padrões de codificação que você provavelmente usará (se estiver lendo este blog) e é o PSR ou o WPCS. Dependendo de qual você usa vai depender de como você instalá-los. Independentemente disso, cada um requer que o PHP Code Sniffer seja instalado primeiro.
  • manobrista. Escrevi sobre outras ferramentas prontas para uso, como o MAMP em outros posts, mas tenho usado o Valet na metade de 2017 e realmente “simplesmente funciona”. É muito fácil de trabalhar e facilita a configuração de novos sites e projetos.
  • Xdebug. Se você está escrevendo código do lado do servidor (e se você está escrevendo PHP, você está), então há mais para depurar do que echo e var_dump. Digite Xdebug.
  • . Este é outro gerenciador de pacotes para usar uma variedade de bibliotecas JavaScript diferentes. Se você for fazer algo com Sass, Less, JavaScript, Image Compression e assim por diante, recomendo incorporá-lo ao seu fluxo de trabalho. Veja também este post.

Depois de ter tudo isso instalado, ainda há configuração que precisa acontecer. Eu vou cobrir isso, também.

Configurando minhas ferramentas de desenvolvimento

Como mencionado anteriormente, muitos dos pacotes que instalo neste momento são feitos via Homebrew, então isso pressupõe que você tenha o Homebrew instalado.

Portanto, o primeiro passo será instalar o Homebrew. Tudo depois disso é exatamente o que é necessário para entrar em seu terminal para instalá-lo e nada mais.

Se houver alguma observação em torno de um pacote específico, eu a incorporarei na essência associada.

Uma nota sobre o Homebrew

A razão pela qual eu recomendo usar um gerenciador de pacotes é que ele torna muito mais fácil instalar e desinstalar pacotes específicos conforme você precisa deles.

Isso torna as coisas mais, ahem, gerenciáveis. E mantém as coisas um pouco mais limpas no seu sistema (para aqueles que ficam [estranhamente] compulsivos com essas coisas).

1 Instalando o Homebrew

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2 PHP

$ brew tap homebrew/php
$ brew install homebrew/php/php70

3 Compositor

4 WP-CLI

5 Unidade PHP

6 Sniffer de código PHP

$ brew install php-code-sniffer

7 manobrista

$ composer global require laravel/valet
$ export PATH="$PATH:$HOME/.composer/vendor/bin"
$ valet install

Uma vez que o Valet está instalado, você pode precisar adicioná-lo ao seu caminho (que é o que você vê começando na segunda linha. Você então o instala oficialmente como você pode ver na terceira linha.

8 Xdebug

$ brew install homebrew/php/php70-xdebug

Se você estiver usando o Valet, também precisará adicionar algumas linhas de configuração para poder usar corretamente o Xdebug com o Valet em conjunto com o PhpStorm.

Para fazer isso, adicione as seguintes linhas a /usr/local/etc/php/7.0/conf.d/ext-xdebug.ini :

xdebug.remote_enable=1
xdebug.remote_port=9001
xdebug.remote_autostart=1
xdebug.idekey=PHPSTORM

Claro, a localização do seu idekey e arquivo de configuração irá variar de acordo com a versão do PHP que você instalou e qual IDE você está usando.

9 Nó

10 MySQL

$ brew install mysql
$ brew services start mysql

Extensões do navegador

Incluí apenas algumas das extensões de navegador que uso abaixo. Estes são principalmente para fins de desenvolvimento ou para cortar a porcaria da web que eu não suporto ver sempre que estou navegando:

  • Bloqueador de anúncios do Facebook. Eu não uso muito o Facebook, mas quando uso quero um pouco de distração possível.
  • Captura de tela incrível. Para quando você precisar tirar uma foto de algo para enviar para outra pessoa, é claro. Funciona bem com Droplr.
  • Tampão. Eu gosto de armazenar em buffer muitos dos meus tweets e isso torna mais fácil fazer isso.
  • ColorZilla. Quando você está capturando cores para uma imagem, design ou tema existente, isso ajuda a obter os valores RGB e hexadecimal.
  • Fantasmagórico. As pessoas têm sentimentos mistos sobre isso (e tudo bem para mim), mas isso é para parar de anunciar e rastrear.
  • Gramaticalmente. Para ter certeza de que estou realmente fazendo um trabalho decente ao construir frases e escrever palavras.
  • Mesclar Windows. Primeiro, tínhamos muitas janelas, então introduzimos a navegação por guias. Agora temos muitas janelas com muitas abas. Isso mescla todas as janelas em uma única janela.
  • Remova o W3Schools. Remove o W3Schools dos resultados de pesquisa do Google para que você possa obter melhores resultados.
  • Classificador de Abas. Quando suas guias ficam fora de controle entre Asana, Trello, Pocket, Reddit e assim por diante, isso ajuda a organizá-las por tipo.
  • Acelerador. Isso funciona em conjunto com o serviço da Web Throttle para criar endereços de e-mail descartáveis ​​(que você ainda pode usar para ler e-mails) para serviços com os quais você não deseja necessariamente acompanhar.
  • Toby para Chrome. Ótimo para salvar e agrupar sessões de guias (se você optar por não usar o Classificador de guias) para poder voltar a trabalhar no que quer que estivesse fazendo quando se afastou, reiniciou ou o que quer que seja.
  • Xdebug Helper. Funciona em conjunto com o Xdebug para ajudar a depurar, criar perfil e rastrear o desempenho e o código em um aplicativo da Web local.

Existem outras extensões que uso para aplicativos como 1Password e Pocket, mas elas não parecem ser tão relevantes, então optei por excluí-las especialmente porque esses serviços são menos orientados ao desenvolvimento.

O fim

Por que minhas extensões de navegador duram? Eu sei, parece meio bobo – eles não fariam parte, digamos, do meu conjunto padrão de aplicativos?

Simplificando, existem alguns que são mais relacionados ao desenvolvimento, então eu queria que eles viessem depois de eu ter coberto todo o resto.

Em outra nota, há momentos em que eu tenho que mudar as coisas de usar, digamos, PHP7 para PHP5.6 dependendo de um projeto. Também há momentos em que uso outras bibliotecas como PHPMD, etc., que não abordei aqui porque são ferramentas específicas do projeto.

Mas da configuração do meu sistema, esta é a visão geral. Então agora eu tenho uma referência documentada do que eu preciso instalar da Mac App Store, de vários lugares na web, os comandos que eu preciso executar e como eu posso colocar uma máquina em funcionamento e restaurada rapidamente se algo quebrar novamente.

Com tudo isso dito, estou me perguntando se não vale a pena comprar uma máquina de backup barata apenas por precaução.

Mas eu não sei. Essa é outra postagem.

Se você está procurando mais um post para seguir que seja semelhante, mas com mais detalhes em relação a algumas ferramentas, recomendo verificar o post de Carl Alexander.

Fonte de gravação: tommcfarlin.com

Este site usa cookies para melhorar sua experiência. Presumiremos que você está ok com isso, mas você pode cancelar, se desejar. Aceitar Consulte Mais informação