/setting_up_a_new_workstation

To remind myself of all the do's to setting up a new workstation as a Web Developer

Setting up a new workstation

I created this as a reference for myself to look back to when I set up a new machine. This is specifically set up to accomodate the ruby, java and python developer. However, if you are a web developer in general, you will probably still find this set-up somewhat useful. I would just skip the RVM, Ruby and pry steps and you are good to go.

Table of contents:

Download VS Code

Visit https://code.visualstudio.com/docs/?dv=osx and follow the installation setup.

and now some VS Code extensions

  1. VSCode Ruby
  2. ruby-rubocop
  3. Ruby
  4. Git History
  5. GitLens
  6. Graphviz
  7. HTML Snippets
  8. ES7 React/Redux/Graphql
  9. Docker
  10. Code Runner

and now some VS Code configurations

Hit shift => command => p and then type in Preferences: Open Settings (JSON) and hit enter

Replace the contents of the file with:

{
    "editor.tabSize": 2,
    "liveServer.settings.donotShowInfoMsg": true,
    "files.associations": {
        "*.js": "javascriptreact",
        "*js.erb": "javascript"
    },
    "code-runner.runInTerminal": true,
    "ruby.codeCompletion": "rcodetools",
    "emmet.includeLanguages": {
        "erb": "html"
    },
}

and make sure its your default code editor by doing the shift command p command and then typing shell command, and selecting the Install 'code' command

If it doesnt work...

do the following and then try the previous step.

sudo rm /usr/local/bin/code

Download Intellij

Visit https://www.jetbrains.com/idea/download/#section=mac and download the Community Edition (unless you have bought the Ultimate Edition)

## Intellij Plugins

To install plugins, cmd -> , to open the preferences window, and select plugins, followed by the marketplace tab.

  1. Python Community Edition
  2. GitToolBox
  3. Jump to line
  4. EduTools
  5. Extra Icons
  6. Rainbow Brackets
  7. Maven helper
  8. VSCode Keymap (for the vscode keymap, you must also go to cmd -> , and select keymap, and select vscode macos from the dropdown menu)

Download Java

Visit https://www.oracle.com/java/technologies/downloads/#jdk17-mac and download the Standard Edition.

Click on the DMG installer as it does the process automatically.

If you are on Apple silicon, click the ARM

If on intel, just the x64.

Download Git

Running git --version will prompt you to download git on mac devices running Mavericks and up

Download Python

Visit this downloads page

Connect to Git and GitHub

Follow the instructions here:

http://burnedpixel.com/blog/setting-up-git-and-github-on-your-mac/

After following those instructions, you probbaly created a keychain passcode. To ensure you dont have to input it for EVERY action, you can save it on your machine following this:

https://stackoverflow.com/questions/10032461/git-keeps-asking-me-for-my-ssh-key-passphrase

Download Homebrew

Open your terminal and run;

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

Check everything went ok by running

brew doctor

and that you have the latest version

brew update

To find some more info on Brew, visit https://brew.sh/

Download RVM

From your terminal, run

\curl -L https://get.rvm.io | bash -s stable

And check it works through this;

type rvm | head -n 1

If you get some errors, try the following:

https://stackoverflow.com/questions/11677771/rvm-command-not-found-mac-ox

Download Ruby

rvm use ruby --install --default

Download Pry

gem install pry

Download Node

From your terminal, run:

brew install node

Download NPM

From your terminal, run:

brew install npm

and to make sure you are not attacked by a virus outbreak, if it were to happen

npm config set ignore-scripts true

Download Docker

From your terminal, run:

brew cask install docker

and once thats finished, run:

docker run hello-world

To see that everything works!

Download redis

From your terminal, run:

brew install redis

redis-server --daemonize yes

Download yarn

From your terminal, run:

brew install yarn

Download nvm

From your terminal, run:

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

source ~/.nvm/nvm.sh

Download Postman

Visit the postman downloads page

Download Tree

From your terminal, run:

brew install tree

Download Postgres

From your terminal, run:

brew install postgresql

More info, visit https://www.postgresql.org/download/macosx/

and start it by running:

pg_ctl -D /usr/local/var/postgres -l /usr/local/var/postgres/server.log start

OR

brew services start postgresql

and continue the setup by tapping in:

psql postgres

Option 1 (DO THIS)

Or set up with your own user

whoami

postgres=# CREATE DATABASE "your_user_name_here";

Option 2

Or set up your main generic with admin privileges:

CREATE ROLE postgres WITH LOGIN PASSWORD 'password';

ALTER ROLE newUser CREATEDB;

Then quit and login with the new credentials:

/q psql postgres -U {userName you created last step, ie postgres};

Download Maven

Run: brew install maven

and check it completed successfully by:

mvn --version

Make hidden files visible

Open finder, and press: command-shift-dot

Hidden directories should be now visible

Download TablePlus

Visit: https://tableplus.com/download

Download Cloud Foundry

From your terminal, run:

brew install cloudfoundry/tap/cf-cli

Download Dash

Visit: https://kapeli.com/dash

Download Figma

Visit: https://www.figma.com/downloads/

Download Magnet

Visit the app store

Download PGAdmin

Visit: https://www.pgadmin.org/download/

Download Chrome Extensions

  • JSON Formatter
  • Lighthouse
  • Grammarly
  • Disable JavaScript
  • React Developer Tools
  • Ad Blocker
  • Allow CORS

Connect to Heroku

Go to https://toolbelt.heroku.com/osx and download the CLI

Connect to Cloud Foundry

Configuring Git

From your terminal, type..

vim ~/.gitconfig

And inside the following file that pops up, put in the following things. These are only nice-to-haves and are not essential in your development.

[user]
        name = {Your Name}
        email = {Your Email}
[core]
        editor = /usr/bin/vim
[push]
        default = current

This is great: http://www.preparetocode.io/mac/essential/ruby.html