Technical Cheatsheet: Development Environment Setup

The cheatsheet will give you guidance to setup your environment. It addresses Mac users, but you could substitute some tools and instructions with something equivalent for Windows or Linux.

Table of Contents

Homebrew

When you are a Mac user, we will use Homebrew to install everything. Homebrew is a package manager for Mac. Rather than having to download every application from a website, Homebrew allows one to install and manage applications from the command line.

Get your full instructions on Homebrew. Otherwise type the following in your command line to install Homebrew.

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

Whenever you install something with Homebrew, type brew update in your command line to update the Homebrew repository with the recent changes.

Git

Git will be your distributed version control system. It manages your local and external projects. You will need it to collaborate on projects, to manage your own projects and to release your projects for the public. Git should have been installed during the Homebew installation. Type git --version to verify if it was installed successfully. Otherwise you can install it with Homebrew:

brew install git

Later we will setup a GitHub account to manage our projects (repositories) on GitHub. You can read up all my essential GitHub commands in this article: GitHub and Git Essentials.

Sublime as Editor

Sublime is my editor of choice. But you can decide to choose another one. It’s up to you.

Sublime isn’t directly accessible in Homebrew. But we can use Cask to install it.

brew install caskroom/cask/brew-cask
brew tap caskroom/versions
brew cask install sublime-text

Again verify if the installation was successful:

sublime --version

Another little trick can be applied to make sublime open the current directory from the command line. In your command line type:

link: ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/sublime

Now you should be able to open any directory from the command line with sublime .

Sublime comes with powerful settings and amazing customization. You can choose from a wide range of themes or packages to make your developer experience nicer and easier.

iTerm2 (Optional)

It’s optional, but you might want to install an advanced command line (terminal) tool. I suggest iTerm2.

Homebrew again helps you to install it.

brew cask install iterm2

Now you can open iTerm2 instead of the default terminal.

You could install further stuff for iTerm2 like the solarized theme or Oh My Zsh.

GitHub

Now it’s time to create an account on GitHub. It will be your place to share, collaborate on and discuss projects. You could follow me on GitHub to have your first social connection.

Next you may want to setup a SSH connection to GitHub. It allows you to connect to your external repositories in a secure way. Therefor follow the instructions on GitHub.

That’s it for the development setup. I hope it gives you everything you need to start to code or to build your own website.

Build a Hacker News App along the way. No setup configuration. No tooling. No Redux. Plain React in 170+ pages of learning material. Learn React like 9000+ readers.

Get the Book
comments powered by Disqus

Never miss an article about web development and self-growth.

Take Part

Join 5000+ Developers

Learn Web Development

Tips and Tricks

Access Tutorials, Books and Courses

Personal Development as a Software Engineer