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.
- Install Python Script plugin (available in Plugin Manager).
- Download EmmetNPP plugin and unpack it into
C:\Program Files\Notepad++\pluginsfolder - Start Nodepad++. You should see
Plugins > Emmetmenu 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++.