文章目录[隐藏]
因为在虚拟机win7 64位下录制一套WordPress的视频教程 ,文本编辑器安装了notepad++ v 7.33 32bit,想开启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.dll
到C:\Program Files\Notepad++
下面也就是安装的根目录下面。让plugins
文件夹和原有的plugins文件夹合并!
7、重新启动Notepad,测试一下。
8、 安装完Emmet后,必须更改 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>