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
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 updatein your command line to update the Homebrew repository with the recent changes.
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:
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 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.
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.
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.
Did the article help you? Maybe it helps others too. Share and care :-)
The Road to learn React
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