Productivity tools for the HTML editor
See the change log for changes and road map.
- Image hover preview
- Go to definition of classes and IDs
- Peek definition
- Meta tag Intellisense
- Dynamic Intellisense
- Find all references
- Light bulbs
Image hover preview
Go to definition
F12 when the cursor is located inside a class or ID attribute. HTML Tools will jump to the location inside CSS, LESS and Sass files.
Alt+F12 when the curser is located inside a class or ID attribute. A peek definition inline code window will appear showing the definition of the class/ID from CSS, LESS and Sass files.
Full Intellisense provided for:
- Apple iOS
- Twitter Cards
- Windows 8
- Internet Explorer 9+
Dynamic Intellisense is where Intellisense is based on other tags and attributes etc.
<label for="here"><input id="here" /> based on <label> tags<datalist> IDs
Find all references
Shift+F12 when the cursor is located inside a class attribute. HTML Tools will search all CSS, LESS and SASS files for the class name.
Light bulbs are added for variuos scenarios including:
- Base64 decoding of images
- Remove parent tags
- Extract Stylesheets to file
When working with Facebook/OpenGraph integration, we need to remember to add the prefix attribute to the
Validates that the itemtype attribute is a valid absolute URL.
Validates that the
type attribute has the value
Check out the contribution guidelines if you want to contribute to this project.
For cloning and building this project yourself, make sure to install the Extensibility Tools 2015 extension for Visual Studio which enables some features used by this project.