Publicado el

OSX post install para desarrollo con node, react, atom, brew

Small reference guide for OSX installation basics.

Homebrew

This is most used macOS pacakage manager.

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

Atom

brew cask install atom
apm install nuclide
apm install prettier-atom bootstrap-3-snippets-for-atom emmet language-graphql language-vue remote-ftp git-time-metric

PHP

apm install atom-autocomplete-php language-blade php-fmt

Configure atom-autocomplete-php composer path /usr/local/bin/composer.phar and php-fmt plugin with executable /Users/smac/kscripts/fmt.phar

HHVM

Facebook´s php engine. (optional)

brew tap hhvm/hhvm
brew install hhvm

To have launchd start hhvm/hhvm/hhvm now and restart at login:
  brew services start hhvm/hhvm/hhvm
Or, if you don't want/need a background service you can just run:
  hhvm -m daemon -c /usr/local/etc/hhvm/php.ini -c /usr/local/etc/hhvm/server.ini

Node

brew install node watchman

React native

npm install -g yarn && react-native-cli && react-native-git-upgrade && react-devtools

GraphQL

npm install -g graphql-cli && graphql completion >> ~/.bash_profile

Alias

vi .bash_profile
sudo launchctl load -w /System/Library/LaunchDaemons/com.apple.locate.plist

Maria DB

Install brew install mariadb && brew services start mariadb

Old database are stored in:

/Volumes/OLD_DRIVE/usr/local/var/mysql

Applications passwords

Some applications are using the following location to store the passwords, for example Squel Pro. Copy old keychain to new hard drive.

cp /Volumes/OLD_DRIVE/Users/OLD_USER/Library/Keychains/login.keychain-db /Users/NEW_USER/Library/Keychains/login.keychain-db

SSH

Copy importants files from ~/.ssh/

Install Laravel & Co.

brew install homebrew/core/php
composer global require "laravel/installer"
composer global require laravel/valet
composer global require laravel/envoy

PHP extras

brew install imagemagick
brew install pkg-config
pecl install imagick

VueJS

npm install -g @vue/devtools

Publicado el

Configurar Atom para React-native y flow

1) Instalar Atom

Descarga la ultima versión de Atom desde la página oficial, Si usas mac y tienes Hombrew y Cas, puedes instalaro con el siguente comando:

$ brew cask install atom
2) Instalar Nuclide para Atom

Nuclide es un conjunto de herramientas de código abierto perfecto para trabajar con React.

Busca el plugin en el buscador de paquetes en las preferencias de atom o usando el siguente comando:

$ apm install nuclide
3) Configuramos nuclide

Abre Atom,
Busca «Ajustes > Paquetes instalados» o con el shortcut CMD + SHIFT + P y busca «paquetes instalados»:

Busca «Nuclide» y dale a «Ajustes»:

Busca la opción «Instalar paquetes recomendados al arrancar», la activamos.

En la sección de «Nuclide-flow» activa la opción de usar flow de manera local en cada proyecto, esto requerira que instales flow-bin en cada proyecto de React, es lo que nos recomiendan hacer la gente de facebook.

4) Instalar Prettier para Atom

Prettier es tu mejor amigo, se encarga de hacer que tu código sea bonito y agradable de leer. Además es capaz de seguir una reglas que tu le marques en los archivos de configuración que tengas.
Para instalarlo desde la ventana de comandos:

$ apm install prettier-atom
5) Configuramos Prettier

Como en la sección anterior, buscamos el plugin instalado y nos vamos a editar sus preferencias:

Tenemos que asegurarnos que la opción de «Integrarse con ESlint» esté activada.

Reiniciamos Atom.

6) Listos!

Ya estamos lístos para trabajar como máquinas con un monton de herramientas creadas por los creadores de React.

— Así nos queda una instalación limpia con todos los plugins instalados —

Asi quedarían los paquetes instalados

Es hora de programar con mucho @flow.