Snippet Guru is a VS Code extension designed to streamline the process of inserting and managing console logs and other useful snippets for JavaScript, TypeScript, React, React Native, and Gatsby developers.
- Simple Console Log: Quickly insert a simple console log.
- Styled Console Log: Insert a console log with custom styles.
- Function Name Console Log: Log messages including the function name.
- Error and Warning Logs: Easily log errors and warnings.
- Group and Group Collapsed Logs: Group multiple log messages.
- Table Log: Display objects in a tabular format.
- Debugging Logs: Insert debugging-specific log messages.
- JSON Stringify Logs: Log objects as JSON strings.
- Component Props and State Logs: Log React component props and state.
- React Hooks Debug Logs: Insert logs within useEffect and useState hooks.
console.log('${RELATIVE_FILEPATH}:${TM_LINE_NUMBER}', object);
console.log('%c${RELATIVE_FILEPATH}:${TM_LINE_NUMBER} ${1:object}', 'color: #007acc; font-weight: bold;', object);
console.log('%c${RELATIVE_FILEPATH}:${TM_LINE_NUMBER} ${TM_CURRENT_FUNCTION} ${1:object}', 'color: #007acc;', object);
console.error('${RELATIVE_FILEPATH}:${TM_LINE_NUMBER} ${1:error}', error);
console.group('GroupName');
console.log('${RELATIVE_FILEPATH}:${TM_LINE_NUMBER}', object);
console.groupEnd();
Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.
This extension does not have any specific requirements or dependencies.
This extension does not contribute any VS Code settings.
No known issues at this time. Please report any issues on the GitHub issues page.
Users appreciate release notes as you update your extension.
Initial release of Snippet Guru.
Fixed minor issues and improved snippets.
Added new logging snippets for React and updated existing ones.