Notepad++安装ZenCoding/Emmet插件

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

Zen Coding 插件

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

下载: Zen.Coding-Notepad++.v0.7.zip

==Installation==

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

2. Restart Notepad++

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

Emmet is a web-developer’s toolkit that can greatly improve your HTML &CSSworkflow:

write HTML code with CSS-like abbreviations, use different actions to quickly select and modify HTML and CSS code and more!

==Installation==

Plugin manager

This plugin is available via Plugin Manager: usePlugins > Plugin Manager> Show Plugin Manager menu action and find and install “Emmet” plugin.

Manual installation

1.Install Python Script plugin (available in Plugin Manager).

(可以通过Notepad++的Plugin安装Python Script

或直接下载:PythonScript_1.0.8.0.msi进行安装)

2.Download EmmetNPP plugin and unpack it into C:\Program Files\Notepad++\plugins folder Start Nodepad++.

You should see Plugins > Emmet menu item.

==Changingkeyboardshortcuts==

You can use defaultSettings > 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 into %USER%\AppData\Roaming\Notepad++\plugins\config\emmet folder and restart Notepad++.

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

如果遇到:

Unknown exception

Python Script Plugin did not accept the script

可参看 Notepad++ Emmet安装方法教程

PythonScript_1.0.8.0.msi 下载

http://sourceforge.net/projects/npppythonscript/files/Python%20Script%201.0.8.0/PythonScript_1.0.8.0.msi/download

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

Notepad++插件快捷键设置

!<!doctype html><htmllang="en"><head><metacharset="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"><htmllang="en"><head><metahttp-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"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Document</title></head><body></body></html>#content.aticle.posts<divid="content"class="aticle posts"></div>ul#ccc.ddd<ulid="ccc"class="ddd"></ul>div.aaa>ul>li<divclass="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><divclass="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<divclass="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<ahref=""></a>a>{我是链接标题}<ahref="">我是链接标题</a>link<linkrel="stylesheet"href="">ul>li.item$*5<ul><liclass="item1"></li><liclass="item2"></li><liclass="item3"></li><liclass="item4"></li><liclass="item5"></li></ul>$ 就表示一位数字,只出现一个的话,就从1开始。如果出现多个,就从0开始。如果我想生成三位数的序号,那么要写三个 $:

ul>li.item$$*5<ul><liclass="item01"></li><liclass="item02"></li><liclass="item03"></li><liclass="item04"></li><liclass="item05"></li></ul>(header>ul.nav>li*5)+article+footer<header><ulclass="nav"><li></li><li></li><li></li><li></li><li></li></ul></header><article></article><footer></footer>

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航