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++\plugins
folder - 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++.