VS Code Notepad Extension

A simple and efficient notepad extension for Visual Studio Code that provides a panel-based interface for taking quick notes while coding.

Features

• Panel UI: Integrated notepad panel in the Explorer view
• Multiple Notes: Create and manage multiple notes
• Auto-save: Notes are automatically saved every 5 seconds
• Persistent Storage: Notes are stored globally and persist across VS Code sessions
• Quick Actions: Easy-to-use buttons for creating, saving, and clearing notes
• Default Note: Comes with a helpful default note to get you started

How to Use

1. Open the Notepad: The notepad panel appears in the Explorer view automatically when the extension is activated
2. Create Notes: Click the "+ New" button to create a new note
3. Switch Notes: Click on any note in the list to switch to it
4. Edit Notes: Simply start typing in the text area
5. Save Notes: Notes auto-save, or use the "Save" button for immediate saving
6. Delete Notes: Click the "×" button next to any note to delete it (except the default note)

Commands

• notepad.openNotepad: Open the notepad panel
• notepad.newNote: Create a new note
• notepad.saveNote: Save the current note
• notepad.clearNote: Clear the current note content

Installation

1. Build the extension: npm run compile
2. Install the extension in VS Code
3. The notepad panel will appear in the Explorer view

Development

Building

npm run compile

Watching for Changes

npm run watch

Running Tests

npm test

Requirements

• Visual Studio Code ^1.103.0

Extension Settings

This extension contributes the following settings:

• Notes are stored in VS Code's global state
• No additional configuration required

Known Issues

• None currently reported

Release Notes

0.0.1

• Initial release
• Basic notepad functionality with panel UI
• Multiple notes support
• Auto-save functionality
• Persistent storage

For Developers

Architecture

The extension consists of:

• extension.ts: Main extension activation and command registration
• notepadProvider.ts: WebView provider that handles the notepad panel UI and functionality

Key Features Implementation

• WebView Panel: Uses VS Code's WebView API to create a custom UI
• State Management: Uses VS Code's global state for persistent storage
• Auto-save: Implements automatic saving with a 5-second interval
• Message Passing: Communication between WebView and extension via message passing

Enjoy taking notes while coding!