Developer Productivity Tools and Extensions Complete Guide

Must-Have Chrome Extensions:

1. JSON Viewer
   - Format and syntax highlight JSON
   - collapsible nodes

2. React Developer Tools
   - Inspect React components
   - View props and state

3. Vue.js devtools
   - Vue component inspection
   - Vuex state debugging

4. Lighthouse
   - Performance auditing
   - SEO analysis

5. Wappalyzer
   - Technology stack detection

6. Daily.dev
   - Developer news feed

7. GitHub Plus
   - File tree navigation
   - PR highlights

Time-Saving Extensions:

├── Notion Web Clipper - Save pages to Notion
├── Todoist - Task management
├── OneTab - Tab management
├── StayFocusd - Focus enforcement
├── Dark Reader - Dark mode everywhere
├── Vimium - Keyboard navigation
└── TextExpander - Snippet expansion

{
  "recommendations": [
    // Git
    "eamodio.gitlens",
    "github.copilot",
    
    // Linting
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    
    // Theme
    "github.github-vscode-theme",
    
    // Productivity
    "visualstudioexptteam.vscodeintellicode",
    "usernamehw.errorlens",
    
    // Remote
    "ms-vscode-remote.remote-ssh",
    
    // Docker
    "ms-azuretools.vscode-docker"
  ]
}

{
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.fontFamily": "'Fira Code', monospace",
  "editor.fontLigatures": true,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "workbench.colorTheme": "Tokyo Night",
  "workbench.iconTheme": "material-icon-theme"
}

Essential Shortcuts:

Navigation:
- Ctrl+P: Quick file open
- Ctrl+Shift+P: Command palette
- Ctrl+Tab: Switch tabs
- Ctrl+Shift+Tab: Previous tab
- F12: Go to definition
- Alt+F12: Peek definition

Editing:
- Ctrl+D: Select next occurrence
- Ctrl+Shift+L: Select all occurrences
- Alt+Up: Move line up
- Alt+Down: Move line down
- Ctrl+/: Toggle comment

Search:
- Ctrl+F: Find
- Ctrl+H: Replace
- Ctrl+Shift+F: Find in files