Those tools are really good in improving your developer experience, and will help you, your team and project going forward. So yes, I recommend you start using them.
Setting up your code editor (in this case Atom) with these awesome tools is straightforward – you just need to know how to. So here goes:
1) Install Atom
$ brew cask install atom
2) Install Nuclide for Atom
Nuclide is awesome if you work with React Native, Hack and Flow projects.
Install it from the command line:
$ apm install nuclide
3) Configure Nuclide settings
- Open Atom
- Open “Settings > Installed Packages” by hitting CMD + SHIFT + P and type “installed packages”:
- Find “Nuclide” and click “Settings”:
- In the first section “Settings” check the box “Install Recommended Packages on Startup”:
- In the section “Nuclide-flow” check the box “Use the Flow binary included in each project’s flow-bin” (requires that you have Flow added to your project of course):
- Settings done! Restart Atom.
4) Install Prettier for Atom
Install from command line:
$ apm install prettier-atom
5) Configure Prettier settings
- Like for Nuclide settings in step 3, head to “Installed packages” and find “prettier-atom” and hit “Settings”:
- In the section “Settings” make sure the checkbox “ESlint integration” is checked:
- Settings done. Restart Atom.
Now your Atom is configured with Nuclide and Prettier for Atom, and you are good to go with Flow and prettier code. Go try it out!