Notepad++ 安裝 Zen Coding / Emmet 插件

Zen Coding 外掛程式

==============

下載： Zen.Coding-Notepad++.v0.7.zip

==Installation==

1. Copy contents of this archive into Notepad++ 'plugins' folder (basically, it's C:Program FilesNotepad++plugins)

2. Restart Notepad++ in top

You should see "Zen Coding" menu item in top men

You should see "Zen Coding" menu item in top men

You should see "Zen Coding" menu item in top menu.檔案（NppScripting.dll及NppScripting資料夾）到Notepad++安裝目錄下的plugins資料夾下

---------------------------- -------------------------------------------------- ---------------------

Emmet 外掛程式

============

zen-Coding改名Emmet，網址：docs .emmet.io

下載： emmet-npp.zip

https://

github.com/emmetio/npp#readme

及PythonScript_1.0.8.0.msi commol me 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!

==Installation pagerin; is available via Plugin Manager: use Plugins > Plugin Manager > Show Plugin Manager menu action and find and install “Emmet” plugin.

Manual installation

1.Install Script Script p. Notepad++的Plugin安裝Python Script          

或直接下載：PythonScript_1.0.8.0.msi進行安裝）

2.Download EmmetNPPpadlugin and unpack it in CopNodep* see Plugins > Emmet menu item.

==Changing keyboard shortcuts==

You can use default Settings > Shortcut Mapper… dialog to change action's keyboard shortcuts.

plugin commands 》Expand abbreviation

Try to map Tab key to Expand Abbreviation action to improve your experience.

Extensions support

Emmet for Notepad++ supports extensions:

put all your .js and .json files intopadUSER%App++amingNote %App -------------------------------------------------- ------------------------------------------

如果遇到：

Unknown exception

Python Script Plugin did not accept the script

可參考Notepad++ Emmet安裝方法教學

PythonScript_1.0.8.0.ms++m %20Script%201.0.8.0/PythonScript_1.0.8.0.msi/download

-------------------------------- -------------------------------------------------- ------------------

Notepad++外掛

快速鍵

設定

<span>!
 </span><span><!</span><span>doctype html</span><span>></span><span><</span><span>html </span><span>lang</span><span>="en"</span><span>></span><span><</span><span>head</span><span>></span><span><</span><span>meta </span><span>charset</span><span>="UTF-8"</span><span>></span><span><</span><span>title</span><span>></span>Document<span></</span><span>title</span><span>></span><span></</span><span>head</span><span>></span><span><</span><span>body</span><span>></span><span></</span><span>body</span><span>></span><span></</span><span>html</span><span>></span><span>
 html:4s
 </span><span><!</span><span>DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"</span><span>></span><span><</span><span>html </span><span>lang</span><span>="en"</span><span>></span><span><</span><span>head</span><span>></span><span><</span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html;charset=UTF-8"</span><span>></span><span><</span><span>title</span><span>></span>Document<span></</span><span>title</span><span>></span><span></</span><span>head</span><span>></span><span><</span><span>body</span><span>></span><span></</span><span>body</span><span>></span><span></</span><span>html</span><span>></span><span>
 html:xs

</span><span><!</span><span>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span>></span><span><</span><span>html </span><span>xmlns</span><span>="http://www.w3.org/1999/xhtml"</span><span> xml:lang</span><span>="en"</span><span>></span><span><</span><span>head</span><span>></span><span><</span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html;charset=UTF-8"</span><span>></span><span><</span><span>title</span><span>></span>Document<span></</span><span>title</span><span>></span><span></</span><span>head</span><span>></span><span><</span><span>body</span><span>></span><span></</span><span>body</span><span>></span><span></</span><span>html</span><span>></span><span>
#content.aticle.posts
 </span><span><</span><span>div </span><span>id</span><span>="content"</span><span> class</span><span>="aticle posts"</span><span>></</span><span>div</span><span>></span><span>
 ul#ccc.ddd
 </span><span><</span><span>ul </span><span>id</span><span>="ccc"</span><span> class</span><span>="ddd"</span><span>></span><span></</span><span>ul</span><span>></span><span>
div.aaa>ul>li
 </span><span><</span><span>div </span><span>class</span><span>="aaa"</span><span>></span><span><</span><span>ul</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span></</span><span>div</span><span>></span><span>
div>ul>li^^span
 </span><span><</span><span>div</span><span>></span><span><</span><span>ul</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span></</span><span>div</span><span>></span><span><</span><span>span</span><span>></</span><span>span</span><span>></span><span>
 div>ul>li^^div.clear
 </span><span><</span><span>div</span><span>></span><span><</span><span>ul</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span></</span><span>div</span><span>></span><span><</span><span>div </span><span>class</span><span>="clear"</span><span>></</span><span>div</span><span>></span><span>
div>ul>li*6
 </span><span><</span><span>div</span><span>></span><span><</span><span>ul</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span></</span><span>div</span><span>></span><span>
(div>dl>(dt+dl)*3)+footer>p
 </span><span><</span><span>div</span><span>></span><span><</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span></</span><span>dl</span><span>></span><span></</span><span>div</span><span>></span><span><</span><span>footer</span><span>></span><span><</span><span>p</span><span>></</span><span>p</span><span>></span><span></</span><span>footer</span><span>></span><span>
div.banner>ul>li*2>((dt+dl)*3)+footer^^span

</span><span><</span><span>div </span><span>class</span><span>="banner"</span><span>></span><span><</span><span>ul</span><span>></span><span><</span><span>li</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>footer</span><span>></</span><span>footer</span><span>></span><span></</span><span>li</span><span>></span><span><</span><span>li</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>footer</span><span>></</span><span>footer</span><span>></span><span></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span><</span><span>span</span><span>></</span><span>span</span><span>></span><span></</span><span>div</span><span>></span><span>
a
 </span><span><</span><span>a </span><span>href</span><span>=""</span><span>></</span><span>a</span><span>></span><span>
a>{我是链接标题}
 </span><span><</span><span>a </span><span>href</span><span>=""</span><span>></span>我是链接标题<span></</span><span>a</span><span>></span><span>
link
 </span><span><</span><span>link </span><span>rel</span><span>="stylesheet"</span><span> href</span><span>=""</span><span>></span><span>
 ul>li.item$*5
 </span><span><</span><span>ul</span><span>></span><span><</span><span>li </span><span>class</span><span>="item1"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item2"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item3"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item4"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item5"</span><span>></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span> $ 就表示一位数字，只出现一个的话，就从1开始。如果出现多个，就从0开始。如果我想生成三位数的序号，那么要写三个 $：

ul>li.item$$*5

</span><span><</span><span>ul</span><span>></span><span><</span><span>li </span><span>class</span><span>="item01"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item02"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item03"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item04"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item05"</span><span>></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span>
(header>ul.nav>li*5)+article+footer
 </span><span><</span><span>header</span><span>></span><span><</span><span>ul </span><span>class</span><span>="nav"</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span></</span><span>ul</span><span>></span><span></</span><span>header</span><span>></span><span><</span><span>article</span><span>></</span><span>article</span><span>></span><span><</span><span>footer</span><span>></</span><span>footer</span><span>></span>

以上就介紹了Notepad++ 安裝 Zen Coding / Emmet 插件，包含了方面的內容，希望對PHP教學有興趣的朋友有所幫助。