Skip to content

abel-thrivent/mac-dev-setup

 
 

Repository files navigation

Manual Setup

Defaults

Create Dock spacers:
defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}' && \
defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}' && \
defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}' && \
killall Dock
Autohide Dock:
defaults write com.apple.dock autohide -boolean true && \
killall Dock
Display hidden Finder files/folders:
defaults write com.apple.finder AppleShowAllFiles -boolean true && \
killall Finder
Installing xcode-select (CLI tools):
xcode-select --install
Installing brew (Homebrew):

If: Apple Silicon/ARM Architecture:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" && \
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"'>>$HOME/.zprofile && \
eval "$(/opt/homebrew/bin/brew shellenv)" && \
brew doctor

If Intel Architecture:

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

Tools

Install watchman:
brew install watchman
Install trash:
brew install trash
Install git:
brew install git
Install git-flow:
brew install git-flow
Install zsh:
brew install zsh
Install Starship
Install node
not via Homebrew!!
Install n (Node via n):
brew install n
Install nvm (Node via nvm):
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
Install yarn:
brew install yarn
Install pnpm:
brew install pnpm
Upgrade npm (globally via npm):
npm install -g npm@latest
Install/Upgrade serve (globally via npm):
npm install -g serve@latest

Applications/Casks


##### Install DiffMerge:

If Intel Architecture:

```sh
brew install --cask diffmerge
Install Insomnia:
brew install --cask insomnia
Install Warp:
Install Rectangle:
brew install --cask rectangle
Install Sourcetree:
brew install --cask sourcetree
  1. Set the font by going to:
    • "Preferences → Diff → Internal Diff Visualization → Diff View font"
    • Font name: "JetBrainsMono Nerd Font Mono"
  2. Restart Sourcetree and resolve any remaining issues.
Install Visual Studio Code:
brew install --cask visual-studio-code
  1. Install my Extensions:
    code --install-extension alefragnani.project-manager
    code --install-extension atomiks.moonlight
    code --install-extension bradlc.vscode-tailwindcss
    code --install-extension christian-kohler.npm-intellisense
    code --install-extension christian-kohler.path-intellisense
    code --install-extension dbaeumer.vscode-eslint
    code --install-extension dsznajder.es7-react-js-snippets
    code --install-extension eamodio.gitlens
    code --install-extension EditorConfig.EditorConfig
    code --install-extension esbenp.prettier-vscode
    code --install-extension formulahendry.auto-rename-tag
    code --install-extension Gruntfuggly.todo-tree
    code --install-extension L13RARY.l13-diff
    code --install-extension mattpocock.ts-error-translator
    code --install-extension mikestead.dotenv
    code --install-extension ms-vscode.sublime-keybindings
    code --install-extension Orta.vscode-twoslash-queries
    code --install-extension Prisma.prisma
    code --install-extension stylelint.vscode-stylelint
    code --install-extension Tyriar.sort-lines
    code --install-extension unifiedjs.vscode-mdx
    code --install-extension vscode-icons-team.vscode-icons
    code --install-extension WallabyJs.console-ninja
    code --install-extension wix.vscode-import-cost
    code --install-extension zenclabs.previewjs
    code --install-extension Zignd.html-css-class-completion
  2. Copy my Visual Studio Code User settings:
    cp ~/Downloads/mac-dev-setup/Code/* ~/Library/Application\ Support/Code/User
  3. Restart Visual Studio Code and resolve any remaining issues.

About

A macOS setup guide specific to front-end development.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • Shell 100.0%