Code Browser

A full-featured browser extension for VS Code. Open a browser tab directly in VS Code with navigation, history, bookmarks, and tab management.

Features

• Full-featured web browser in VS Code
• Keyboard shortcut: Ctrl+Alt+Y (Mac: Cmd+Alt+Y)
• Navigation bar with back/forward/refresh
• Browser history tracking
• Bookmarks support
• Multiple tabs support
• Clean, intuitive UI

Getting Started

Prerequisites

• VS Code 1.80.0 or later
• Node.js 16 or later

Installation

1. Clone the repository
2. Install dependencies: npm install
3. Compile: npm run compile
4. Press F5 to open extension in debug mode

Usage

1. Press Ctrl+Alt+Y (or Cmd+Alt+Y on Mac) to open the browser
2. Enter a URL in the address bar
3. Use the navigation buttons to browse
4. Add bookmarks with the bookmark button
5. Switch between tabs or create new ones

Development

• npm run watch - Watch for changes and recompile
• npm run compile - Compile TypeScript to JavaScript
• npm run lint - Run ESLint
• Press F5 in VS Code to launch the extension in debug mode

Extension Structure

• src/extension.ts - Main extension entry point
• src/panels/browserPanel.ts - Browser panel logic
• media/styles.css - Browser UI styles
• media/script.js - Browser UI interactions

License

MIT