Emmet's predecessor is the famous Zen Coding,web front-end development, the plug-in must not be unfamiliar. It uses the syntax of The imitation CSS selector to generate code that greatly improves the speed at which html/css code is written.
For example, notepad++ quickly write HTML code-initialization HTML documents need to contain some fixed tags, such as
Emmet requires Python Script support, so these two plug-ins must be installed at the same time to be used. According to the official method tutorial, there are two ways to install.
First: Install with plugin manager, open plugin-plugin manager-Display plugin to find Emmet plugin installation
The second type: Manual method.
The python Script plugin (python script:a python scripting plugin for notepad++) is installed first, and the official tutorial says it can be installed in the plugin manager. Download the Emmet plug-in, extract the \program Files\notepad++\plugins installation directory, start notepad++ can see the Emmet Plug-ins. Plugin Address: HTTPS://GITHUB.COM/EMMETIO/NPP
The official recommendation is to set the shortcut key abbreviation to tab.
However, in the process of installation, the cow found that the above method is not feasible, because the plug-in does not work at all. There are unknown exception and Python script plugin did not accept the script error hint, the environment is Win7 x64 bit system, find the solution is the Python script plugin problem, download the Python Sc The ript plug-in reinstallation resolves the issue.
Plugin Introduction and Installation address: http://npppythonscript.sourceforge.net/download.shtml
Uninstall the original Python script plugin before installing again.
notepad++ Plug-in shortcut key settings
!
<!doctype html>
<meta charset= "UTF-8" >
<title>Document</title>
<body>
</body>
Html:4s
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "HTTP://WWW.W3.ORG/TR/HTML4/STRICT.DTD" >
<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8" >
<title>Document</title>
<body>
</body>
Html:xs
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<meta http-equiv= "Content-type" content= "Text/html;charset=utf-8" >
<title>Document</title>
<body>
</body>
#content. aticle.posts
<div id= "Content" class= "aticle posts" ></div>
Ul#ccc.ddd
<ul id= "CCC" class= "DDD" >
</ul>
Div.aaa>ul>li
<div class= "AAA" >
<ul>
<li></li>
</ul>
</div>
Div>ul>li^^span
<div>
<ul>
<li></li>
</ul>
</div>
<span></span>
Div>ul>li^^div.clear
<div>
<ul>
<li></li>
</ul>
</div>
<div class= "Clear" ></div>
Div>ul>li*6
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
(Div>dl> (DT+DL) *3) +footer>p
<div>
<dl>
<dt></dt>
<dl></dl>
<dt></dt>
<dl></dl>
<dt></dt>
<dl></dl>
</dl>
</div>
<footer>
<p></p>
</footer>
Div.banner>ul>li*2> ((DT+DL) *3) +footer^^span
<div class= "banner" >
<ul>
<li>
<dt></dt>
<dl></dl>
<dt></dt>
<dl></dl>
<dt></dt>
<dl></dl>
<footer></footer>
</li>
<li>
<dt></dt>
<dl></dl>
<dt></dt>
<dl></dl>
<dt></dt>
<dl></dl>
<footer></footer>
</li>
</ul>
<span></span>
</div>
A
<a href= "" ></a>
a>{I am the link title}
<a href= "" > I am the link title </a>
Link
<link rel= "stylesheet" href= "" >
Ul>li.item$*5
<ul>
<li class= "Item1" ></li>
<li class= "Item2" ></li>
<li class= "Item3" ></li>
<li class= "Item4" ></li>
<li class= "ITEM5" ></li>
</ul>
$ means one digit, and only one appears, starting at 1. If more than one occurs, start at 0. If I want to generate a three-digit number, write three $:
Ul>li.item$$*5
<ul>
<li class= "ITEM01" ></li>
<li class= "ITEM02" ></li>
<li class= "Item03" ></li>
<li class= "Item04" ></li>
<li class= "Item05" ></li>
</ul>
(header>ul.nav>li*5) +article+footer
<ul class= "nav"
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<article></article>
<footer></footer>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
