Introduction
The right browser extensions and editor plugins can dramatically boost your productivity. This guide covers essential tools for modern developers.
Browser Extensions
Developer Tools
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
Productivity Extensions
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
VS Code Extensions
Essential Extensions
{
"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"
]
}
Theme Configuration
{
"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"
}
Keyboard Shortcuts
VS Code Shortcuts
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
Conclusion
Productivity tools amplify your capabilities. Invest time in setting up your environment once, save time forever.
Comments