Skip to content

MacOS-Tooling.md

Latest commit

 

History

History
116 lines (78 loc) · 3.72 KB

MacOS-Tooling.md

File metadata and controls

116 lines (78 loc) · 3.72 KB

Certainly! Here is the improved and detailed version of the "MacOS Tooling" section without references to freeCodeCamp:

MacOS Tooling

This guide provides quick setup instructions for macOS users. For detailed learning and exercises, see the Prework Modules.

Setting Up Your Development Environment

Install Homebrew

Homebrew is a package manager that simplifies the installation and management of applications on macOS. To get started, open Terminal.app and run the following command:

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

Install iTerm2

iTerm2 is a powerful alternative to the default Terminal.app, providing better features and customization options. Install iTerm2 using Homebrew:

brew install --cask iterm2

Now you can open iTerm2 from your Applications folder.

Install Visual Studio Code

Next, let's install the best code editor in the galaxy: Visual Studio Code! Use the following command to install it via Homebrew:

brew install --cask visual-studio-code

In case you encounter any issues, you can alternatively use:

brew install visual-studio-code

Customize Visual Studio Code

For complete VS Code setup instructions, see Module 2: Code Editor Setup.

Install VetsWhoCode Extensions

The VetsWhoCode Extension Pack includes everything you need for our curriculum:

  1. Open VS Code
  2. Press Cmd + Shift + X to open Extensions
  3. Search for "VetsWhoCode Extension Pack"
  4. Click Install

This pack includes:

  • Prettier: Code formatter
  • ESLint: Linting tool for JavaScript
  • GitLens: Supercharge the built-in Git capabilities
  • Live Server: Local development server with live reload
  • Auto Rename Tag: Automatically rename paired HTML tags
  • And more!

Additional VWC Extension

Also install the Vets Who Code HashFlag Extension to proudly display your affiliation:

  1. Search for "HashFlag" in Extensions
  2. Click Install

Additional Resources

To make your code editor more comfortable, check out these two podcast episodes for the best tips and extensions:

The podcasts are great, but you can also just read the show notes for a quick summary.

Keyboard Shortcuts

Push yourself to use shortcuts to improve productivity. Here are some great resources for mastering macOS keyboard shortcuts:

Additionally, install CheatSheet.app to see all the shortcuts every app you use has to offer:

brew install --cask cheatsheet

After installing, hold down the ⌘ key for a bit, and boom! You'll see a list of shortcuts.

Additional Tools

Consider installing the following tools to further enhance your development environment:

  • Node.js and npm: JavaScript runtime and package manager: 
    brew install node
  • Git: Version control system: 
    brew install git
  • Zsh and Oh My Zsh: Improved shell and its configuration framework: 
    brew install zsh
sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Conclusion

With these tools and tips, you're well on your way to creating a powerful and efficient macOS development environment. Good luck, Mac users, and happy coding! 🚀