Dev Doc Helper is a convenient VSCode extension for frontend developers, designed to improve development efficiency, particularly in internationalization (i18n) and component documentation access. It provides several features including i18n translation management, component documentation browsing, and component importing.
Features
Browse common documentation sites in VSCode sidebar
UI component library documentation
Business component documentation
Toolkit library documentation
Iconfont documentation
One-click component and icon import with automatic import statement handling
Supports snippet prefixes (such as rfc, rmobx, rue, gtabs, gastabs, etc.) in .tsx/.jsx/.ts/.js files, press Tab to insert the template
Usage
After installing the extension, the Dev Doc Helper icon will appear in the VSCode sidebar
Click the icon to open the Dev Doc Helper interface in the sidebar
Use the tabs at the top to switch between different documentation sites and the translation progress panel
Browse component libraries and Iconfont documentation; click "Insert Component"/"Copy Component" to import components into your current file
React code snippets: Type a snippet prefix (e.g., rfc, rmobx, gtabs, gastabs) in the editor, press Tab to trigger code snippet suggestions and insert the corresponding template
