microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
162.37k stars 28.61k forks source link

Visual Studio Code Feature Request: Enhancing UI/UX and Performance #226518

Closed faheemstepsharp closed 2 weeks ago

faheemstepsharp commented 2 weeks ago

Windows 11 Inspired UI/UX: Is there any plan to implement a Windows 11-inspired UI/UX in VS Code? A modern design with rounded corners, subtle shadows, and sleek animations would significantly improve the overall aesthetic, making the experience more consistent with the OS.

Global Animations: Introducing more animations across the board, like smoother transitions when switching between tabs, opening/closing files, and navigating the sidebar, could add a polished feel. However, ensure that these animations are optimized to avoid adding extra load on system resources.

Native Hover Information: Adding native support for hover information, including tooltips with rich content like images and formatted text, would be a game-changer. For instance, showing image previews when hovering over image links or additional info for code references. This would enhance the developer experience, making it more intuitive and interactive.

Preview Enhancements: Beyond hover info, integrating preview features for things like images, links, and even Markdown files directly in the editor without needing to open them in a new tab would be a time-saver. This could include inline previews or a dedicated preview pane.

Performance Optimizations: While visual improvements are welcome, it's crucial that these features don't come at the cost of performance. Optimizing VS Code to reduce CPU and RAM usage, especially for developers on lower-end machines or those working with resource-heavy tasks like Flutter development, would be highly appreciated.

Enhanced Extension Management: Streamlining the process of managing extensions, including easier ways to find, install, and disable them, could help in maintaining a faster and more responsive environment.

Better System Resource Monitoring: A built-in system resource monitor that displays real-time CPU, RAM, and storage usage within the VS Code interface would be a helpful addition. It could also suggest optimizations or highlight extensions that may be causing heavy resource consumption.

### Tasks
- [ ] https://github.com/microsoft/vscode/issues/224756
faheemstepsharp commented 2 weeks ago
  1. Implement Windows 11-Inspired UI/UX:

    • Rounded corners
    • Sleek animations
    • Subtle shadows
  2. Add Global Animations:

    • Smooth transitions for tab navigation, file opening/closing, and sidebar interactions
  3. Develop Native Hover Information:

    • Tooltips with rich content (images, formatted text)
    • Image/link previews
  4. Enhance Preview Features:

    • Inline previews for images, links, and Markdown files
    • Dedicated preview pane
  5. Optimize Performance:

    • Ensure new features don't impact CPU and RAM usage
    • Focus on reducing resource consumption for developers working on heavy tasks
  6. Improve Extension Management:

    • Simplify extension search, installation, and management
  7. Integrate a Built-in System Resource Monitor:

    • Real-time CPU, RAM, and storage usage tracking
    • Suggestions for optimizations and identifying resource-heavy extensions
andreamah commented 2 weeks ago

We already have many of these features. Please file separate issues for each idea if you want to continue to pursue them.

faheemstepsharp commented 1 week ago

We already have many of these features. Please file separate issues for each idea if you want to continue to pursue them.

YEs but enable most of them by default and sound ques dont dont