Quick Access Extension

Description

The Quick Access Extension is a Visual Studio Code extension designed to enhance the development experience in component-based projects, such as Angular. It provides quick access to related files by adding icons in the status bar, a custom Quick Access view in the Explorer sidebar, and (optionally) CodeLens above the first line for .html, .css, .ts, and .spec.ts files. This allows developers to easily switch between files associated with a specific component.

Features

• Status bar icons for quick navigation between related files (.html, .css, .ts, .spec.ts)
• Custom "Quick Access" view in the Explorer sidebar showing related files for the active editor
• (Optional) CodeLens above the first line for quick file switching
• Automatically updates when files are opened or changed
• Streamlines navigation between related files in component-based projects

Screenshots

Quick Access View in Explorer:

Status Bar Icons:

Installation

1. Clone the repository:

   git clone <repository-url>
   

2. Navigate to the project directory:

   cd quick-access-extension
   

3. Install the dependencies:

   npm install
   

Usage

• Status Bar: Open any .html, .css, .ts, or .spec.ts file to see icons in the status bar for related files. Click an icon to open the file in a new tab.
• Quick Access View: Use the "Quick Access" view in the Explorer sidebar to see and open related files for the currently active editor. The current file is marked as "Current".

The extension automatically updates the icons and view when you switch or save files.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License.