Git Product home page Git Product logo

mac-setup's Introduction

My Mac Setup

This repo contains info on all the apps I use on my mac. Setup inspired by CodingGarden.

Homebrew/terminal/bash

Homebrew

Homebrew allows us to install tools and apps from the command line.

To install it, open up the built in Terminal app and run this command:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

This will also install the xcode build tools which is needed by many other developer tools.

After Homebrew is done installing, we will use it to install everything else we need.

Terminal

The first app I install is to replace the built in Terminal.

Documentation for more info on what iTerm2 can do: https://iterm2.com/documentation.html

We install this using a Homebrew "cask". Casks are full applications, similar to what you would install from the App store.

brew install iterm2

Once installed, launch it and customize the settings / preferences to your liking. These are my preferred settings:

  • Appearance
    • Theme
      • Minimal
  • Profiles

Shell

Mac now comes with zsh as the default shell. bash is my preferred shell.

If you're going to stick with zsh, checkout Oh My Zsh which gives you a bunch of customizations out of the box.

Install Bash and set it as the default

To see what shell is currently your default, run:

echo $SHELL

To install the latest version of bash:

brew install bash

Then, determine where bash got installed:

which bash

This will likely print /opt/homebrew/bin/bash.

We now need to add this to our /etc/shells file so we can set it as our default shell.

Open up the /etc/shells file in nano (a command line text editor) with super user privileges (you will need to type your password after running this command):

sudo nano /etc/shells

Command explained:

  • sudo is a way of running a command with super user privileges.
  • nano is an easy to use command line editor. As opposed to vi or vim.
  • /etc/shells is the file we need to edit / update.

This will launch a command line editor. Add /opt/homebrew/bin/bash to the file above the other list of shells.

Press CTRL+X to close the file and then Y to confirm / save the changes.

Now that /opt/homebrew/bin/bash is in our /etc/shells file, we can set it as our default shell (you will need to enter your password for this command as well):

chsh -s /opt/homebrew/bin/bash

Now that you've changed your shell, if you open up a new iTerm2 tab or close / re-open iTerm2, you should be presented with a bash shell!

You can run the following to confirm you shell has changed:

echo $SHELL

Customizing Bash with .bash_profile

I store my .bash_profile on my private github repository so I can copy it over to any machine I'm setting up.

Copy this file (or create your own) in your home directory:

cd ~
curl -O [LINKHERE]

Commands used by my .bash_profile

  • vcprompt - list the current branch if in a folder that is a git repo
brew install vcprompt

Install the latest version of git

Use brew to install the latest version of git:

brew install git

Open a new tab / window to start using the latest version:

git --version

Configure git with your name / email and preferred editor:

git config --global user.name [name]
git config --global user.email [email]
git config --global core.editor nano

Or copy your '.gitconfig' from your '.dotfiles' private repository to your home directory:

curl -O [LINKHERE]

You can make a script to do that for you too!

OS Productivity

Window Management

I know this feature is built in to a lot of other operating systems, but it is not built in to a Mac, so we need an app for it.

You can use rectangle to move and resize windows using keyboard shortcuts.

I highly recommend installing this and memorizing the keyboard shortcuts. Fluid and seamless window management is key to being productive while coding.

brew install rectangle

Quick Launching

The built in spotlight search has web search results as the default instead of apps or folders on my machine.

I use Raycast to launch apps / folders.

App Switching

The built in App switcher only shows application icons, and only shows 1 icon per app regardless of how many windows you have open in that app.

I use an app switcher called Alt-Tab. It shows full window previews, and has an option to show a preview for every open window in all applications (even minimized ones).

I replace the built-in CMD+TAB shortcut with AltTab.

brew install alt-tab

Other Apps I Use Daily

  • firefox-developer-edition - Preferred web browser
  • app-cleaner - When removing an app, will search your file system for related files / settings that should be removed as well
  • android-file-transfer - Transfer files to / from my android phone
  • android-platform-tools - Installs adb without the need for the full android studio.
  • signal - Messaging
  • discord - Messaging / Community
  • vlc - I use VLC to watch videos instead of the built in QuickTime.
  • keka - Can extract 7z / rar and other types of archives
  • kap - Screen recorder / gif maker
  • visual-studio-code - Code Editor

You can install them in one go by placing them all into a text file and then running brew install:

xargs brew install < apps.txt

OS Settings

These are my preferred settings for Finder and the Dock.

Finder

  • Finder -> Preferences
    • General -> Show these on the desktop -> Select None
      • I try to keep my desktop completely clean.
    • General -> New Finder windows show -> Home Folder
      • I prefer to see my home folder in each new finder window instead of recent documents
    • Advanced -> Show all filename extensions -> Yes
    • Advanced -> Show warning before changing an extension -> No
    • Advanced -> When performing a search -> Search the current folder
  • View
    • Show Status Bar
    • Show Path Bar
    • Show Tab Bar

Dock

I don't use the Dock at all. It takes up screen space, and I can use Raycast to launch apps and AltTab to switch between apps. I make the dock as small as possible and auto hide it.

  • System Preferences
    • Dock & Menu Bar
      • Size -> Small as possible
      • Position on screen -> Right
      • Automatically hide and show the Dock -> Yes

Menu Bar Customization

System Stats Widgets

I like to see my network traffic, CPU temp / usage and RAM usage at a glance.

I use iStat Menus.

In each widget, a key setting to look for is under "widget settings", choose "merge widgets into one".

brew install istat-menus

Menu Bar Calendar

I like to have a calendar in the menu bar that I can quickly look at. stats does not include one, so I found itsycal. It seems fine for my needs.

brew install itsycal

itsycal shows the date, so I hide the date in the system menu bar widget:

  • System Preferences
    • Dock & Menu Bar
      • Clock
        • Show Date -> Never
        • Show Day of Week -> No

Web Browser - Extensions and filters

I use Firefox Developer Edition, because it is open source and comes from the Mozilla Foundation, a non profit company that respects my privacy. Check out here.

Node.js - nvm

I use nvm to manage the installed versions of Node.js on my machine. This allows me to easily switch between Node.js versions depending on the project I'm working in.

See installation instructions here.

OR run this command (make sure v0.39.3 is still the latest)

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

After installation you'll want to add the following to your .bash_profile / .zshrc etc.

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

Now that nvm is installed, you can install a specific version of node.js and use it:

nvm install 18
nvm use 18
node --version

Global Modules

There are a few global node modules I use a lot:

  • lite-server
    • Auto refreshing static file server. Great for working on static apps with no build tools.
  • license
    • Auto generate open source license files
  • gitignore
    • Auto generate .gitignore files base on the current project type
npm install -g lite-server license gitignore

Code Editor - VS and VS Code

VS and VS Code is my preferred code editor.

Two of the most notable settings are:

{
  "editor.linkedEditing": true,
  "editor.snippetSuggestions": "top",
}
  • editor.linkedEditing
    • Automatically edit a closing tag when editing an opening tag
  • editor.snippetSuggestions
    • Puts the most relevant auto complete options at the top

Code Editor Extensions

mac-setup's People

Contributors

jskrojec avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.