Notepad++ Emmet安裝方法教程
Emmet的前身是大名鼎鼎的Zen coding，Web前端開發的話，對該插件必定不會陌生。它使用仿CSS選擇器的語法來生成代碼，大大提升了HTML/CSS代碼編寫的速度。html
好比Notepad++ 快速編寫HTML代碼—初始化 HTML文檔須要包含一些固定的標籤，好比<html>、<head>、<body>等，如今你只須要1秒鐘就能夠輸入這些標籤。好比輸入「!」或「html:5」，而後按Tab鍵。前端
Emmet須要 Python Script 的支持，所以這兩款插件必須同時安裝才能使用。按照官方的方法教程，安裝方法有兩種。python
第一種：用插件管理器安裝，打開插件—插件管理器—顯示插件下找到emmet插件安裝git
第二種：手動方法。github
先安裝Python Script插件 （Python Script：A Python Scripting plugin for Notepad++），官方教程上說能夠在插件管理器裏面安裝。下載Emmet 插件，解壓縮到\Program Files\Notepad++\plugins 安裝目錄，啓動notepad++就能夠看到Emmet插件了。插件址：https://github.com/emmetio/nppapp
官方建議是將快捷鍵Abbreviation設置爲tab。post
可是，奶牛在安裝的過程當中發現上面的方法不可行，由於插件根本不工做。有Unknown exception和python script plugin did not accept the script錯誤提示，環境是win7 x64位系統，找到解決方法是Python Script插件問題，下載Python Script插件從新安裝解決了此問題。測試
插件介紹及安裝地址：http://npppythonscript.sourceforge.net/download.shtmlui
再次安裝前要卸載原來的Python Script插件。spa
打開Notepad++Settings > Shortcut Mapper…對話框，切換到 plugin commands，選中 Expand Abbreviation 項，修改其快捷鍵爲Tab鍵便可。
Notepad++插件快捷鍵設置
!
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
html:4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
html:xs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
#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>{我是連接標題}
<a href="">我是連接標題</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>
$ 就表示一位數字，只出現一個的話，就從1開始。若是出現多個，就從0開始。若是我想生成三位數的序號，那麼要寫三個 $：
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<header> <ul class="nav"> <li></li> <li></li> <li></li> <li></li> <li></li> </ul></header><article></article><footer></footer>
- 1. Notepad++ Emmet安裝方法教程
- 2. notepad++安裝emmet教程
- 3. notepad++安裝emmet插件
- 4. notepad++安裝教程
- 5. Notepad++安裝教程
- 6. Notepad++ 安裝 Zen Coding / Emmet 插件
- 7. Notepad++32位安裝插件Emmet
- 8. Emmet在NotePad++中的安裝與使用
- 9. notepad++安裝emmet不成功，notepad++的插件管理不會顯示emmet
- 10. sublime text3 Emmet (原zenCoding)安裝方法
- 更多相關文章...
- • MySQL免安裝版配置教程 - MySQL教程
- • Wireshark下載安裝和使用教程 - TCP/IP教程
- • Composer 安裝與使用
- • Git可視化極簡易教程 — Git GUI使用方法
-
每一个你不满意的现在，都有一个你没有努力的曾经。