Gwdw

One-click positioning in the editor.

文章地址：https://juejin.cn/post/7524215370016096282 🚀 Boost Your React Development Productivity Gwdw is a powerful Chrome extension designed specifically for React developers. With just a hotkey + click, you can instantly jump from any React element in your browser to its source code in your favorite editor - no more hunting through file trees! ✨ Key Features: 🎯 One-Click Source Code Navigation Hold your configured hotkey (Alt/Ctrl/Shift/Cmd) + click any React element. Instantly opens the exact source file with precise line and column positioning. Works on any React website, including development and production builds. 🖥️ Multi-Editor Support VS Code、WebStorm、Cursor、Windsurf、Custom Editors（Configure any editor with URL templates） ⌨️ Customizable Hotkeys Alt + Click (Default) Ctrl + Click Shift + Click Cmd/Win + Click 🔧 Advanced Customization Custom editor configuration with URL templates Support for placeholders: {fileName}, {lineNumber}, {columnNumber} Real-time settings preview Automatic settings persistence 🔄 How It Works: Install & Configure: Set your preferred editor and hotkey combination Browse React Apps: Visit any website built with React Click & Jump: Hold your hotkey + click any element to open its source code Code Instantly: Your editor opens with the exact file and position 🛠️Perfect For: React developers Frontend engineers Code reviewers Debugging sessions Learning React codebases 🔒 Privacy & Security: No data collection Works entirely locally Open source codebase Minimal permissions required 💻 System Requirements: Chrome browser Supported editor installed (VS Code, WebStorm, Cursor, Windsurf, or custom) React applications with development info available Transform your React development workflow today! Never waste time searching for component files again.