notepad++ 开启emmet最终解决方案及快捷键设置

1、 notepad++官网 https://notepad-plus-plus.org/,有64位,和32位,不论你的系统是不是32位,都强烈要安装32位。
2、 手动emmet插件安装,因为在线安装不会成功的,插件址:https://github.com/emmetio/npp,下载Emmet 插件,解压缩到\Program Files\Notepad++\plugins 安装目录,下载后是名称为npp-master的压缩包,要把它解压到解压缩到\Program Files\Notepad++\plugins 安装目录,解压后的文件夹里面有一个emmet-npp.zip的压缩包,它里面有一个EmmetNPP的文件夹和EmmetNPP.dll的文件把这两个解压缩到\Program Files\Notepad++\plugins。
3、 手动安装先安装Python Script插件,插件官网地址:http://npppythonscript.sourceforge.net/download.shtml
4、 下载后是PythonScript_1.0.8.0.msi直接点击安装!
5、 注意:在WIN7 64位下,你下载的notepad++ v 7.33 32bit是32位的,它的安装目录是C:\Program Files\Notepad++,而你刚才安装的Python Script插件却在 C:\Program Files (x86)\Notepad++,所以重新运行 Notepad++后会出现以下错误提示:Unknown exception和python script plugin did not accept the script错误提示!
6、 C:\Program Files (x86)\Notepad++下复制plugins文件夹和python27.dllC:\Program Files\Notepad++下面也就是安装的根目录下面。让plugins文件夹和原有的plugins文件夹合并!
7、重新启动Notepad,测试一下。
8、 安装完Emmet后,必须更改 Expand Abbreviation 的键盘快捷键为Tab键。(以下资料来自长不大的菜鸟,总结的不错,所以传播一下。)

511遇见

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>

发布日期:

所属分类: 网站运营 SEO 标签: