Custom Tag Wizard

Custom Tag Wizard is a Visual Studio Code extension that automatically adds custom attributes (e.g., data-analytics, data-cta) to specified HTML/Component tags (<a/>, <button/>,<Link/>, <CustomComponent/>, etc.) within your code. This extension helps ensure that your tags have the necessary custom attributes for analytics, testing, or other purposes.

Features

Automatic Tag Insertion: Automatically adds specified custom tags to elements (or any specified HTML tags) when they are detected in the document.

Dynamic Configuration: Customize which HTML/Component tags and custom tags to apply through the extension settings.

Debounce Mechanism: Ensures that tags are only added after a short period of inactivity, preventing multiple tags from being added while typing.

Extension Settings

This extension contributes the following settings:

• customtagwizard.htmlTagsToBeApplied: HTML/Component Tags to be applied by the extension.
• customtagwizard.customTagsToApply: Custom Tags to be applied by the extension.

Thanks to

• made with ❤️ by AE Studio
• Icon made in logofa.st