Code Notes

Annotate your code with contextual review comments directly in VS Code

✨ Features

🏷️ Categorized Comments

Organize notes with 5 categories: Bug, Question, Suggestion, Nitpick, and Note. Each with distinct colors for quick identification.

🎨 Rich Visual Feedback

Inline decorations, gutter icons, and line backgrounds help you spot comments at a glance.

📁 Smart Filtering

Filter by category, filename, or current file only. Find exactly what you need.

📤 Export Options

Export your review comments to Markdown or HTML for sharing or documentation.

🚀 Quick Start

Install the extension from the VS Code Marketplace
Select code in any file
Press Cmd+Shift+R (Mac) or Ctrl+Shift+R (Windows/Linux)
Choose a category and add your comment

📖 Usage

Adding Comments

Use the keyboard shortcut Cmd/Ctrl+Shift+R
Right-click on selected code → Code Review: Add Review Comment
Click the + button in the Code Review panel

Managing Comments

Click on any comment in the sidebar to jump to its location
Use inline edit/delete buttons or the context menu
Press Delete when a comment is focused to remove it

Filtering

By Category: Click the filter icon and select categories to show
By Filename: Search for specific files
Current File Only: Toggle to focus on the active file

Exporting

Open the view menu in the Code Review panel
Choose Export to Markdown or Export to HTML

⚙️ Configuration

Key	Description	Type	Default
`vscode-code-notes.showInlineDecorations`	Show inline text decorations (after-line text preview)	`boolean`	`true`
`vscode-code-notes.showGutterIcons`	Show gutter icons for comments	`boolean`	`true`
`vscode-code-notes.showLineBackground`	Show colored background on commented lines	`boolean`	`true`
`vscode-code-notes.categoryColors`	Custom colors for each comment category	`object`	`{"bug":"#f44336","question":"#2196f3","suggestion":"#4caf50","nitpick":"#ff9800","note":"#9e9e9e"}`

⌨️ Commands

Command	Title
`codeReview.addComment`	Code Review: Add Review Comment
`codeReview.editComment`	Code Review: Edit Comment
`codeReview.deleteComment`	Code Review: Delete Comment
`codeReview.filterByCategory`	Code Review: Filter by Category
`codeReview.toggleFileFilter`	Code Review: Toggle Current File Only
`codeReview.exportMarkdown`	Code Review: Export to Markdown
`codeReview.exportHtml`	Code Review: Export to HTML
`codeReview.clearAll`	Code Review: Clear All Comments
`codeReview.filterByFilename`	Code Review: Filter by Filename
`codeReview.editCommentById`	Code Review: Edit Comment
`codeReview.deleteCommentById`	Code Review: Delete Comment

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

🛠️ Development

Built with Amp and Ralph

# Install dependencies
pnpm install

# Build
pnpm run build

# Watch mode
pnpm run dev

# Run tests
pnpm run test

💖 Show your support

Give a ⭐️ if this project helped you!

Code Notes - Review Comments

ProductsWay