This guide is for macOS however it should be easy enough to get it working on Windows and Linux assuming the same software and tools are available as well otherwise use alternatives. Just use the commands appropriate for that operating system when doing the installation.
This is a clean install so you might need to restart the Terminal/Mac a few times before everything works properly.
Web Browsers (Normal, Developer, and Nightly Builds)
Code Editor and Terminal Apps
Visual Studio Code (Install shell commands too)
Hyper and iTerm 2 plus Oh My Zsh
API Test Tools
devdocs.io (Chrome installation)
File Transfer Tools
Install Developer and Web Browser Tools
Apollo Client Developer Tools (Chrome)
JSON Viewer (Chrome)
Notion Web Clipper (Only when and if you have Notion Installed)
React Developer Tools
Web Developer (Chrome)
Install Programming Font for Code Editors and Terminal Applications
- Visual Studio Code
- iTerm 2
Install Python, pip, and the AWS CLI on macOS
Install and setup AWS Accounts
- Download and install Python
- Download pip https://bootstrap.pypa.io/get-pip.py
cdinto the folder with the downloaded pip file and in your terminal use the command below
- Use pip to install the AWS CLI.
pip3 install awscli --upgrade --user
- Verify that the AWS CLI is installed correctly.
If the executable cant be found then add it to your command line path depending on where python installed it.
Find your shell’s profile script in your user folder. If you are not sure which shell you have, run
Bash – .bash_profile, .profile, or .bash_login.
Zsh – .zshrc (zsh is the one in use right now)
Tcsh – .tcshrc, .cshrc or .login.yourName/.zshrc
Add the export command to the profile script
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
How do I update my local packages?
First update the formulae and Homebrew itself:
You can now find out what is outdated with:
Upgrade everything with:
Or upgrade a specific formula with:
brew upgrade <formula>
You can install Yarn through the Homebrew package manager. This will also install Node.js if it is not already installed. If you use nvm or similar you should exclude installing Node.js so that nvm’s version of Node.js is used.
Use brew to install the below packages
brew install tree (It allows you to view all files in a tree view)
brew install ruby
brew install git
brew install mongodb
brew install yarn or brew install yarn --without-node
brew install heroku
brew install graphql-playground
brew install deno
Full brew list installed packages
deno heroku-node openssl python@2 sqlite
gdbm icu4c firstname.lastname@example.org email@example.com tree
gettext libyaml pcre2 readline xz
git mongodb pkg-config ruby yarn
heroku node python sphinx-doc
Install MongoDB Compass
Install Node Version Manager
Use it to install Nodejs and NPM
Use NPM to install packages
npm i --global @gridsome/cli @vue/cli babel-cli eslint firebase-tools gatsby-cli jest lighthouse netlify-cli newman node-sass nodemon now npm parcel-bundler pm2 prettier serve spaceship-prompt surge update
Globally Installed Packages
Locally Installed Packages
webpack and webpack Dev Server (Locally). Note that a global webpack installation is not a recommended practice. This locks you down to a specific version of webpack and might fail in projects that use a different version.
NPM Versioning Files Example
The first number is the major version number also known as a significant new release with major changes like a new design or big feature set. Or when there is a break so the functionality requires a new build.
The second number is the minor version number also known as new feature updates.
The third number is the patch version number also known as bug fixes and performance increases to the build.