Skip to content

Instantly share code, notes, and snippets.

@leroyrosales

leroyrosales/dev.environment.md

Last active November 14, 2024 14:58
Show Gist options
  • Save leroyrosales/feab6d7eea038dff38959dc90dcbc87f to your computer and use it in GitHub Desktop.
Save leroyrosales/feab6d7eea038dff38959dc90dcbc87f to your computer and use it in GitHub Desktop.
Download ZIP
My dev environment.
Raw
dev.environment.md

The below dev environment is set up for Mac.

My Current OS:

  • macOS Catalina 10.15.7

My Current Hardware:

  • iMac Retina 5k Late 2014
  • MB Air Retina 13-inch 2018

Chrome Extensions

  • Bitwarden
  • Wappalyzer
  • Full Page Screen Capture
  • Better OneTab
  • Marinara: Pomodoro Assistant

Xcode

  • You have two options for installing xcode. The full package or just the command line tools but at a minimum the command line tools are required.
  • Install just the xcode command line tools with:
  • xcode-select --install -or-
  • Go to the app store and download the full package. The full package is great for if you do any sort of mobile development.

Bash-it

Homebrew

Manual Download Applications

Pre Install Configuration

  • Setup SSH Key
  • Setup SSH Key on GitHub
  • Setup SSH Key on Digital Ocean

iTerm2

ZSH

Nano

  • Take 5 minutes to learn the nano text editor and save yourself the hassle of learning VIM
  • Fine, I'll learn VIM in 2021

VIM

  • Learn how to get out of vim use the following:
  • :q
  • To close and save use:
  • :wq

Visual Studio Code

https://code.visualstudio.com/

Set up shell command: https://code.visualstudio.com/docs/setup/mac

VS Code Extensions

  • Bracket Pair Colorizer 2
  • indent-rainbow
  • Live Sass Compiler
  • Javascript ES6 code snippets
  • Live Server
  • Prettier - Code Formatter
  • stylelint
  • Twig
  • VS Color Picker
  • vscode-icons
  • GitLens
  • markdownlint
  • stylelint

VS Code Settings

The settings are configured via 'Settings' and are maintained via JSON. To override, just click on the pencil icon next to the code-to-be-overwritten and select 'Replace in settings'. This adds a line to the custom settings JSON on the right.

Settings

{
    "window.zoomLevel": 1,
    "explorer.confirmDragAndDrop": false,
    "python.pythonPath": "python3",
    "editor.fontSize": 14,
    "editor.tabSize": 4,
    "editor.wordWrap": "on",
    "terminal.integrated.fontSize": 16,
    "workbench.colorTheme": "Yoncé",
    "workbench.iconTheme": "vscode-icons",
    "vsicons.projectDetection.autoReload": true,
    "workbench.startupEditor": "newUntitledFile",
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.donotVerifyTags": true,
    "vsicons.dontShowNewVersionMessage": true,
    "liveSassCompile.settings.generateMap": false,
}

Lando Installation

Spin up containers via the command line without having to mess with MAMP, Vagrant, and so forth. (Don't forget to install Docker beforehand!)

https://docs.devwithlando.io/installation/macos.html

Node Version Manager

Ruby Version Manager

Tips & Cheatsheets & Cool Docs

PHP

Code Resources

Design Resources

Accessibility

WordPress

Helpful Documentation

Performance Tools

Job Boards

Podcasts

Learning Resources

Blogs

Funs stuff

Backend Engineering Blogs

  1. Engineering at Meta - https://lnkd.in/e8tiSkEv
  2. Google Research - https://ai.googleblog.com/
  3. Google Cloud Blog - https://lnkd.in/enNviCF8
  4. AWS Architecture Blog - https://lnkd.in/eEchKJif
  5. All Things Distributed - https://lnkd.in/emXaQDaS
  6. The Nextflix Tech Blog - https://lnkd.in/efPuR39b
  7. LinkedIn Engineering Blog - https://lnkd.in/ehaePQth
  8. Uber Engineering Blog - https://eng.uber.com/
  9. Engineering at Quora - https://lnkd.in/em-WkhJd
  10. Pinterest Engineering - https://lnkd.in/esBTntjq
  11. Lyft Engineering Blog - https://eng.lyft.com/
  12. Twitter Engineering Blog - https://lnkd.in/evMFNhEs
  13. Dropbox Engineering Blog - https://dropbox.tech/
  14. Spotify Engineering - https://lnkd.in/eJerVRQM
  15. Github Engineering - https://lnkd.in/eCADWt8x
  16. Instagram Engineering - https://lnkd.in/e7Gag8m5
  17. Databricks - https://lnkd.in/eXcBj37a
  18. Canva Engineering Blog - https://canvatechblog.com/
  19. Etsy Engineering - https://lnkd.in/eddzzKRt
  20. Booking.com Tech Blog - https://blog.booking.com/
  21. Expedia Technology - https://lnkd.in/ehjuBE5J
  22. The Airbnb Tech Blog - https://lnkd.in/emGrJbGM
  23. Stripe Engineering Blog - https://lnkd.in/em6Svgyx
  24. Ebay Tech Blog - https://tech.ebayinc.com/
  25. Flickr's Tech Blog - https://code.flickr.net/
  26. Hubspot Product and Engineering Blog - https://lnkd.in/eRGZkBd4
  27. Heroku Engineering Blog - https://lnkd.in/evgctQjh
  28. Discord Engineering and Design - https://lnkd.in/evY4gpUA
  29. Zomato - https://lnkd.in/e9gf3APD
  30. Hotstar - https://blog.hotstar.com/
  31. Swiggy - https://bytes.swiggy.com/
  32. Shopify Engineering - https://lnkd.in/evvnqQTj
  33. Microsoft Tech Blogs - https://lnkd.in/etw_7_bN
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment