MacOS Web Dev Tips
- To display function keys in the Touch Bar when VSCode is in focus:
System Preferences :arrow_right: Keyboard :arrow_right: Shortcuts :arrow_right: Function Keys :arrow_right: Click the Plus Sign :arrow_right: select Visual Studio Code
- Reset command line tools after OS update
sudo xcode-select --reset. If reset doesn’t work try reinstalling.
- Configure SSH Key for installing npm packages from GitHub repository. The Adding your SSH key to the ssh-agent step is required because
npm and yarn do not support passphrase prompt during package installation. This is usually required for legacy projects. When setting up a new project use https protocol instead.
- Open Rosetta terminal
arch -x86_64 zsh
- Emulate Docker image that is not available for ARM64
--platform linux/amd64
nvm alias default node to use the latest version of Node installed on your computer- List used ports
lsof -PiTCP -sTCP:LISTEN
- Edit hosts file
sudo nano /etc/hosts Works well for preventing mindless scrolling of social media :)
- Show/hide files that begin with a dot
CMD + SHIFT + .