Enhances the popular Better Comments extension with emoji-based comment tags and snippets.
Features
- Automatically applies styled comment tags for various categories (TODO, FIXME, BUG, etc.)
- Includes snippets for quick insertion of formatted comments
- Works with JavaScript, TypeScript, Python, HTML, and more
- NEW: Custom tag creation and styling
- NEW: Formatting options like bold, italic, underline, and strikethrough
Usage
Type any of these snippets followed by Tab:
critical - Creates a critical warning commenttodo - Creates a todo commentfixme - Creates a fixme commentbug - Creates a bug comment- ... and many more!
You can create and customize your own tags with our visual editor:
Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac)
Type "Comment Chameleon" and select "Edit Custom Comment Tags"
The Tag Editor will open with your existing tags (or sample tags for new users)
Customize each tag with these options:
- Tag Text: The text that identifies your comment (e.g., "CRITICAL:", "TODO:")
- Text Color: Choose any color and adjust opacity for the comment text
- Background Color: Add and customize a background highlight
- Format: Apply bold, italic, underline, or strikethrough styling
- Emoji: Add a custom emoji and toggle whether it appears
Preview your changes in real-time at the bottom of each tag editor
Click "Add New Tag" to create additional custom tags
When finished, click "Save All Tags" and reload when prompted
Your custom tags will be immediately available as snippets and will appear styled in your code comments!
| Type |
Description |
CRITICAL: ⚠️ |
Critical sections of code |
TODO: 📋 |
Todo items |
FIXME: 🔧 |
Things that need fixing |
BUG: 🐛 |
Known bugs |
HACK: ⚡ |
Hacky solutions |
NOTE: 📝 |
Important notes |
| ... plus your own custom tags! |
... |
Extension Settings
If you need to manually apply the enhanced styles, use the command:
Better Comments Enhanced: Apply Enhanced Comment Styles
To edit your custom tags:
Better Comments Enhanced: Edit Custom Comment Tags
Emoji Support
Better Comment Tags supports emojis for visual distinction in comments:
Default Emojis
Each built-in tag comes with a default emoji like:
Customizing Emojis
When creating or editing custom tags, you can:
- Use the emoji field to set a custom emoji
- Toggle the "Use emoji" checkbox to enable/disable emoji for that tag
- Leave the emoji field empty to use the default mapping
Global Emoji Setting
You can globally enable or disable emojis in Settings:
betterCommentsEnhanced.useEmojis: true/false
Using Snippets
When typing a tag name (e.g., "todo"), the snippet will automatically include the appropriate emoji if enabled.
