adobe/bracketsArchived
Brackets
Brackets is an extensible JavaScript IDE and front-end code editor specifically designed for authoring HTML, CSS, and JavaScript. It serves as a web development text editor that provides a specialized environment for building websites.
The editor is distinguished by its live preview capabilities, which render code changes in a browser in real time for immediate visual feedback. It further supports front-end workflows through inline style editing and the ability to synchronize code changes across multiple browser windows for cross-browser testing.
The project includes a wide range of development tools, such as intelligent code completion, JavaScript linting, and global project search. The interface supports multi-cursor editing, split-view windows, asset hover previews, and symbol definition navigation.
Extensibility is managed through a plugin system that allows users to install community-built extensions and customize the interface via themes.
Features
- Development Environments - Provides a comprehensive development environment specifically tailored for writing and managing HTML, CSS, and JavaScript.
- Extensible IDEs - Serves as an extensible JavaScript IDE that allows users to add custom tools via a plugin system.
- Editor Extension Managers - Includes a manager for installing editor functionality from registries, direct URLs, or local folders.
- Front-End Code Editors - Provides a specialized environment for authoring web files with integrated front-end development tools.
- Plugin Systems - Implements a modular framework that allows extending core functionality through community-maintained plugins.
- Text Editors - Functions as a specialized text editor designed specifically for writing and managing web source code.
- Web Content Live Preview - Runs a built-in server to show HTML changes in a browser instantly as the code is edited.
- Plugin-Based Editor Extensibility - Features a plugin-based system that allows users to load external JavaScript packages to add custom tools.
- Web Project Previews - Renders local HTML, CSS, and JavaScript projects in a browser for immediate visual feedback.
- Live Preview Renderers - Uses a persistent WebSocket connection to stream code changes to a browser in real time without manual reloads.
- Front-End Development - Designed specifically for the domain of front-end development, managing the user-facing part of web applications.
- Editor Live Previews - Provides a real-time browser preview that renders code changes instantly as the developer types.
- Code Completion - Recommends tags, attributes, and variable names automatically based on project context and language analysis.
- Column Editing - Supports simultaneous modification of text across multiple vertical columns or selections to accelerate repetitive changes.
- Editor Extension Installations - Supports adding third-party functionality through a plugin system for community-built extensions.
- Local Development Servers - Implements a built-in development server to coordinate file state between the local disk and the browser preview.
- Multi-Cursor Editing - Provides capabilities for simultaneous text manipulation across multiple document locations using multiple cursors.
- Project Search Tools - Implements a high-performance text search that finds strings across the entire project in real time.
- JavaScript Linters - Automatically analyzes JavaScript files for syntax errors and style violations during file system events.
- Cross-Browser Testing Tools - Supports cross-browser testing by synchronizing code changes across multiple browser windows simultaneously.
- Visual Styling Workflows - Provides a styling workflow where colors and styles are modified through inline editors and visual previews.
- Style Sheet Inline Editing - Enables modifying CSS styles for a specific element directly within the UI context without leaving the markup file.
- Contextual Inline Editors - Provides context-specific editors for styles, colors, and functions directly at the cursor position for rapid updates.
- Cross-Browser Previews - Synchronizes code changes across multiple browser windows simultaneously to verify visual consistency across engines.
- DOM-Based Rendering - Uses HTML and CSS to render the code editing surface and syntax highlighting within a web view.
- Text Editors - Code editor focused on web development.
