Skip to content

Instantly share code, notes, and snippets.

@jcreamer898
Last active April 26, 2017 01:53
Show Gist options
  • Select an option

  • Save jcreamer898/c2193dc7cafdf4f625206e5476b8d32c to your computer and use it in GitHub Desktop.

Select an option

Save jcreamer898/c2193dc7cafdf4f625206e5476b8d32c to your computer and use it in GitHub Desktop.
Setting up a node + react development environment

Tools

Install each of the following tools to help along the way.

Terminal

Pick a terminal wrapper, either is fine...

XCode

Install XCode

Getting Started

Open whichever terminal you installed, and make sure you have a .bashrc file.

touch .bashrc

# Then you can edit it with...

vim .bashrc

To exit vim, hit ESC, then :q to quit without saving or :wq to save and quit.

Node.js via NVM

Once you have your terminal installed, let's get Node Version Manager (NVM).

Run the following in your terminal.

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

This SHOULD add the following to your .bashrc, but if it doesn't make sure to add this to it...

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

Open a new terminal tab and run...

nvm install v6

Next, add the following to the .bashrc file.

nvm use v6

git and/or github

It should already be installed, but in case it isn't. Install either or both of these.

Development IDE

There are tons of these, but the following are ones that are more widely used...

No matter which you pick, STICK with it. Make sure whichver you use, you install the command line tools for it.

In the case of VSCode, use the Command + P menu, and search for Command Line. This will allow you to open a folder in VSCode with...

cd /path/to/folder
code .

Optional stuff

# oh-my-zsh
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment