Extension - Frontend

Extension

🎯 Core Framework

  • TypeScript – Ensures a type-safe and scalable codebase.

  • VS Code Extension API – Enables seamless integration with VS Code.

📦 Testing & Debugging

  • @vscode/test-cli – CLI tool for testing VS Code extensions.

  • @vscode/test-electron – Runs tests in a VS Code Electron environment.

Frontend (Webview)

🎯 Core Framework

  • React 18 – A modern UI library for building interactive web components.

  • React DOM – Manages the rendering of React components in the browser.

  • React Router DOM – Provides client-side navigation for seamless user experience.

  • TypeScript – Ensures type safety and maintainability in the codebase.

âš¡ Build & Development

  • Vite – A fast and efficient build tool optimized for modern frontend development.

🎨 Styling

  • Tailwind CSS – A utility-first CSS framework for rapid UI development.

  • PostCSS – Enables CSS transformations and optimizations.

  • Autoprefixer – Automatically adds vendor prefixes for better browser support.

🔌 VS Code-Specific Dependencies

  • @estruyf/vscode – Utility library for working with VS Code extensions

Last updated