Technical Cheatsheet: Development Environment Setup

  Follow on Twitter   Follow on GitHub

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 whereas Homebrew 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

Last but not least, it is time to create an account on GitHub. It will be your place to share, collaborate on and discuss about exciting projects. Follow the setup instructions from the GitHub and Git Essentials article. In addition, you may want to setup a SSH connection to GitHub. It allows you to connect to your external repositories in a secure way. Therefore, follow the instructions on GitHub.

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

Get the Book
comments powered by Disqus

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

Take Part

Join 9300+ Developers

Learn Web Development with JavaScript

Tips and Tricks

Access Tutorials, eBooks and Courses

Personal Development as a Software Engineer