Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow: write HTML code with CSS-like abbreviations, use different actions to quickly select and modify HTML and CSS code and more!

This plugin is available via Plugin Manager: use Plugins > Plugin Manager > Show Plugin Manager menu action and find and install “Emmet” plugin.

1. Install Python Script plugin (available in Plugin Manager).
2. Download EmmetNPP plugin and unpack it into C:\Program Files\Notepad++\plugins folder
3. Start Nodepad++. You should see Plugins > Emmet menu item.

You can use default Settings > Shortcut Mapper… dialog to change action’s keyboard shortcuts. Try to map Tab key to Expand Abbreviation action to improve your experience.

Emmet for Notepad++ supports extensions: put all your .js and .json files into %USER%\AppData\Roaming\Notepad++\plugins\config\emmet folder and restart Notepad++.