Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>html-info-collectorNew to Visual Studio Code? Get it now.
html-info-collector

html-info-collector

small

|
4,826 installs
| (0) | Free
To collect class, id and data for js.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

This is the README for the extension "html-info-collector"

This extension aims to collect the Id, Class and Data info for js.

The extension will collect these info and give a hint when you write js with jquery.

Its source is in GitHub. If you have any bug or suggestion, please add a issue here.

Usage

Here is the HTML:

<html>
<body>
    <div id="test"></div>
    <div class="foo"></div>
    <div class="nimei class" data-data=""></div>
<script src="t.js"></script>
</body>
</html>

So in this HTML and the linked js, t.js, when you press '. OR "., it will give a hint of all class, such as cla, class and nimei. It is the same when you press '# OR "# which indicate the id, and data(' which indicate the data info.

Attention:

You must open the HTML first! The extension will not scan the whole workspace when it is active. Instead, it will scan the folder when you open a HTML.

** Enjoy!**

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft