Enhanced console logging with emojis and structured output for JavaScript/TypeScript development.
🚀 Features
30+ Console Log Snippets - Quick access to common console logging patterns
Emoji Integration - Beautiful emojis for different log types (errors, warnings, success, etc.)
Multiline Support - Complex formatted console outputs with boxes and styling
Auto-completion - Intelligent snippet suggestions as you type
Keyboard Shortcuts - Quick access to help with Ctrl+Shift+E (or Cmd+Shift+E on Mac)
Customizable - Enable/disable features through VS Code settings
📦 Installation
From VS Code Marketplace
Open VS Code
Go to Extensions (Ctrl+Shift+X)
Search for "Emoji Logger"
Click Install
From Source
Clone this repository
Run pnpm install
Press F5 to run the extension in a new Extension Development Host window
🎯 Quick Start
Open any JavaScript or TypeScript file
Type any snippet prefix (e.g., cl, ce, cw)
Press Tab to expand the snippet
Fill in the placeholders and press Tab to navigate between them
📝 Available Snippets
Basic Console Types
Prefix
Description
Output
cl
Basic console.log
console.log('message');
ce
Console error with ❌
console.error('❌ Error message');
cw
Console warning with ⚠️
console.warn('⚠️ Warning message');
cs
Console success with ✅
console.log('✅ Success message');
ci
Console info with ℹ️
console.log('ℹ️ Info message');
cd
Console debug with 🐛
console.log('🐛 Debug message');
Server/Application Console Types
Prefix
Description
Output
cr
Console rocket (startup)
console.log('🚀 Startup message');
ct
Console target (app info)
console.log('🎯 App info message');
cf
Console folder (file info)
console.log('📁 File/folder message');
cp
Console refresh (proxy/API)
console.log('🔄 Proxy/API message');
cc
Console floppy (cache)
console.log('💾 Cache message');
cz
Console compress (gzip)
console.log('🗜️ Compression message');
clight
Console lightning (performance)
console.log('⚡ Performance message');
Documentation/Help Console Types
Prefix
Description
Output
cbook
Console book (usage/docs)
console.log('📖 Usage/Documentation message');
cclip
Console clipboard (available options)
console.log('📋 Available options message');
cwrench
Console wrench (configuration)
console.log('🔧 Configuration message');
chouse
Console house (host app)
console.log('🏠 Host app message');
Multiline Console Types
Prefix
Description
Output
cebox
Console error box (multiline)
Multiline error box with borders
cwbox
Console warning box (multiline)
Multiline warning box with borders
cwlog
Console warning log (styled)
Styled warning with yellow bold text
Complex Console Types
Prefix
Description
Output
cproc
Console process info
App name, ID, process info, and port
cserv
Console server status
Static files, proxy, cache, compression info
cinstr
Console instructions
Setup instructions with port and commands
ceusage
Console error with usage
Error + usage + options + example
ceopt
Console error with options
Error + available options + host + micro-frontends
cwork
Console worker status
Master process starting workers
cdeath
Console worker death
Worker died and restarting
cshut
Console shutdown
Graceful shutdown message
⚙️ Configuration
The extension provides several configuration options accessible through VS Code settings:
emoji-logger.enableAutoCompletion - Enable/disable auto-completion for snippets (default: true)
emoji-logger.showWelcomeMessage - Show welcome message on first activation (default: true)
🎹 Keyboard Shortcuts
Ctrl+Shift+E (or Cmd+Shift+E on Mac) - Open Emoji Logger Help
💡 Usage Tips
Tab Navigation: Use Tab to move between placeholders in snippets
Reverse Navigation: Use Shift+Tab to go back to previous placeholders
Post-Edit: You can edit the snippet after it's inserted
File Support: Works in JavaScript, TypeScript, JSX, and TSX files
Auto-completion: Type 'c' to see available console snippets
🔧 Development
Prerequisites
Node.js (v16 or higher)
pnpm or yarn
Setup
# Clone the repository
git clone https://github.com/2rohityadav/emoji-logger.git
cd vscode-extension
# Install dependencies
pnpm install
# Compile the extension
pnpm run compile
# Run in development mode
pnpm run watch
