SC FE VSCode Extension 📦

Overview

This extension provides Icon previews for icons used from @smallcase/icons package. It also allows you to inspect font size tokens for HeaderText and DescriptionText components.

Features

Feature	Image
🔍 Font Size Inspection for HeaderText and DescriptionText:
⚡ Hover docs for spacing tokens
🛠️ Icon Previews: Automatically preview icons from the @smallcase/icons package within the hover tooltips when using icon components.

Installation

You can install this extension from the Visual Studio Code Marketplace.

1. Open VSCode.
2. Go to the Extensions view by clicking the Extensions icon in the Activity Bar on the side of the window.
3. Search for SC FE VSCode Extension.
4. Click Install.

Alternatively, you can install it using the command line:

code --install-extension sc-fe-vscode-extension

Requirements

Ensure that the following prerequisites are met:

• Node.js: Version 20.0.0 or higher
• Visual Studio Code: Version 1.77.0 or higher

Links

• Marketplace: Visual Studio Code Marketplace
• Repository: GitHub Repository
• Issues: GitHub Issues