1. Atom Environment
Customizing Atom environment for be even more friendly
1.1. Intro
Hacker guide - optional steps
The following steps are optional and you can skip them. They are here to make Atom more friendly and it is something the CityOS team does. Have fun!
- Open your terminal (Mac OS shell) by typing "terminal" in your spotlight search:
![Spotlight_and_Edit_Documentation_Β·_ReadMe_and_Terminal_and_Terminal_β_-bash_β_90Γ50.png 679](https://files.readme.io/94c3ae0-Spotlight_and_Edit_Documentation__ReadMe_and_Terminal_and_Terminal__-bash__9050.png)
1.2. brew - package manager for macOS
- First we will install a package manager for macOS called 'brew'
![Homebrew_β_The_missing_package_manager_for_macOS.png 1347](https://files.readme.io/618bfac-Homebrew__The_missing_package_manager_for_macOS.png)
- On the Homebrew website, copy the line of code that appears under 'Install Homebrew' and paste it into your terminal. Or just copy & paste the code below:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
in your terminal. It is a good habit to keep brew updated:
brew update
1.3. npm - package manager for JavaScript
Now let's install npm (if you don't have it already), the package manager for JavaScript.
brew install npm
1.4. uncrustify - source code beautifier
Then we will install uncrustify - a source code beautifier to keep our code formatting pretty on every save.
![atom-beautify.png 797](https://files.readme.io/d9c205e-atom-beautify.png)
brew install uncrustify
1.5. atom-beautify
Using atom installer apm we will install two plugins atom-beautify that works with uncrustify and cleans our code
![3cd62b0c66fa0468a61f9d1103208f74.png 1552](https://files.readme.io/786b3a9-3cd62b0c66fa0468a61f9d1103208f74.png)
apm install atom-beautify
We recommend that you enable beautify on save.
Hacker guide
Custom ~/.uncrustify
$ curl "https://raw.githubusercontent.com/appsmonkey/air.nodemcu.full/master/helpers/.uncrustify.cfg" > ~/.uncrustify
1.6. symbols-tree-view
![68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f786e64636e2f73796d626f6c732d747265652d766965772f6d61737465722f73637265656e636173742e6769663f7261773d74727565.gif 1459](https://files.readme.io/b07dfdd-68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f786e64636e2f73796d626f6c732d747265652d766965772f6d61737465722f73637265656e636173742e6769663f7261773d74727565.gif)
Now install symbols-tree-view which will give us a very useful right menu with all "symbols" (functions and other important things) we can quickly jump to.
apm install symbols-tree-view
Updated over 4 years ago