Config

Config is a basic checklist I follow to set up a new Mac's development environment. It gets me up to speed so I can more quickly get back to coding.

Inspiration for this came from @mdo's repository of the same name.

Contents

File	Description
.gitconfig	Global Git configuration to specify my name and email, shortcuts, colors, and more.
.vimrc	Customizes VIM with some basic config.
.zshrc	Customizes the ZSH prompt and echos the currently checked out Git branch.
vscode_settings.json	My VSCode settings.

Checklist

SSH key

• Create a key and make sure to set a passphrase

  ssh-keygen -t rsa -b 4096

• Set up SSH Agent Forwarding and store the passphrase in your keychain

  ssh-add -K ~/.ssh/id_rsa

• Add the SSH key to Github
  • Use the following command to copy the key to your clipboard:

    cat $HOME/.ssh/id_rsa.pub | pbcopy

Download dependencies

• Install Xcode Command Line Tools

  xcode-select --install

• Install VSCode
• Install Homebrew
• Install Git.

  brew install git

• Install Volta
• Install the latest Node LTS version

  volta install node

• Install Ember CLI

  npm install -g ember-cli

Tweak VSCode just right

• Install code command by opening command palette (Shift + CMD + P) and type "shell command" to find the "Shell Command: Install code command in PATH" command.
• Load settings from vscode_settings.json
• Install extensions:
  • Auto Close Tag
  • Auto Rename Tag
  • Docker
  • Docker Explorer
  • Duplicate action
  • EditorConfig
  • Ember Module Snippets
  • ESLint
  • GitLens
  • Markdown Preview Enhanced
  • Prettier - Code formatter
  • Stable Ember Language Server
  • Tailwind CSS IntelliSense
  • Vim - Vim Emulation
• Install themes:
  • Base16 Ocean Dark Extended

Prep Terminal

• Load .zshrc

  • Create file and open it in VSCode and paste the contents.

    touch ~/.zshrc | code ~/.zshrc

  • Update with the GitHub access token.

• Run touch ~/.hushlogin to remove "Last Login" message.

• Load .gitconfig

  • Create file and open it in VSCode and paste the contents.

    touch ~/.gitconfig | code ~/.gitconfig

• Load .vimrc

  • Create file and open it in VSCode and paste the contents.

    touch ~/.vimrc | code ~/.vimrc

• Create an SSH config file so that your SSH passphrase is pulled from your keychain

  • Create the file

    touch ~/.ssh/config | code ~/.ssh/config

  • Paste the following contents into the file and save

    Host *
      UseKeychain yes
    

• Tweak color scheme (last one used was ocean-terminal)

  • Set font size to 16pt.

Configure macOS

• Enable key repeating

  defaults write -g ApplePressAndHoldEnabled -bool false

• Change key repeat speed in Keyboard System Preferences.
• Get rid of the floating thumbnail for screen shots.
  • Open Spotlight (CMD + Space) and search for "Screenshot.app".
  • Click the "Options" dropdown and de-select "Show floating thumbnail".
  • Press the Escape key to quit the app.

Other apps

• Install Logi Tune for webcam
• Install MeetingBar

Prettier Configuration

You can have Prettier format your files on save for your projects.

• When you have a project open in VSCode, create a .vscode directory at the root of the project, then add a settings.json file in it.
• Add the following content to it removing any that aren't needed:

  {
    "[css]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    },
    "[handlebars]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    },
    "[html]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    },
    "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    },
    "[json]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    },
    "[markdown]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    },
    "[typescript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    },
    "[yaml]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true
    }
  }