Install the plugin Python script and Emmet:
Recently in a project, involving a large number of HTML, CSS code writing, manual writing code efficiency is
Low. So want to search, there is no notepad++ plug-in can support auto-generated, sure enough. Emmet, this artifact is actually Zen Coding
Upgrade, it can greatly improve the efficiency of code writing, and provides a very concise syntax rules, immediately generate the corresponding HTML structure or CSS
Code, as well as a variety of useful features to help with front-end development.
Emmet supports a variety of editors, such as sublime Text 2,textmate 1.x,eclipse/aptana,espresso,notepad++. I'm used to writing code under notepad++, so this article describes how to install and use it under notepad++.
1. Download Emmet and Python Script
Emmet requires support for Python Script, so these two plugins must be installed for use at the same time.
See: HTTPS://GITHUB.COM/EMMETIO/NPP
:
pythonscript_full_0.9.2.0
Emmet's notepad++ Plugin
2. Installation
Emmet installation is relatively simple, download after the decompression copy to the notepad++ installation directory plugins can be.
The installation of the Python script was slightly more complicated, and I took some detours before I could fix it. At first thought that the extracted files to plugins under the line, but the start notepad++ always error.
So I opened the Python Script help file and looked through the installation manual before I could figure it out.
After downloading the Pythonscript_full_0.9.2.0.zip, extract the Python27.dll file to the root of the notepad++ installation directory, and copy the entire contents of the Plugins folder to notepad++ Under the plugins of the installation directory.
To make it clear, the directory structure of the excerpt Python Script is as follows:
|
notepad++ (notepad++ Installation home directory, usually under "C:\Program Files") + |--Python27.dll (placed in notepad++ installation home directory, and Notepad++.exe belong to the same directory) +-- plugins \ |--pythonscript.dll | |--pythonscript | \ | |-- lib | | \ | | |--(*.py) Many *.py files and sub-directories | | | |--scripts | \ | |--(scripts and some examples) | | |--doc | \ | |--pythonscript | \ | |--pythonscript.chm (Pythonscript help document, English version) |
3, Emmet's work flow
After installing Emmet, it is strongly recommended that you change the keyboard shortcut for Expand abbreviation to the TAB key.
Open notepad++settings > Shortcut Mapper ... dialog box, switch to plugin commands, check the Expand abbreviation item, and modify its shortcut key to tab.
Then, you can follow the Emmet workflow to work:
Open HTML or CSS file, press TAB---build by grammar writing instructions!
notepad++ plugin python script and Emmet installation use tutorial (reprint)