Notepad++ Emmet安装方法教程

Notepad++ Emmet安装后出现 unknown exception提示插件无效Python Script Plugin did not accept the script。以下为记录解决方法和过程,在此记录备查。

Emmet的前身是大名鼎鼎的Zen coding,Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

比如Notepad++ 快速编写HTML代码—初始化 HTML文档需要包含一些固定的标签,比如<html>、<head>、<body>等,现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”,然后按Tab键。

Emmet需要 Python Script 的支持,因此这两款插件必须同时安装才能使用。按照官方的方法教程,安装方法有两种。

第一种:用插件管理器安装,打开插件—插件管理器—显示插件下找到emmet插件安装

第二种:手动方法。

先安装Python Script插件 (Python Script:A Python Scripting plugin for Notepad++),官方教程上说可以在插件管理器里面安装。下载Emmet 插件,解压缩到\Program Files\Notepad++\plugins 安装目录,启动notepad++就可以看到Emmet插件了。插件址:https://github.com/emmetio/npp

官方建议是将快捷键Abbreviation设置为tab。

但是,奶牛在安装的过程中发现上面的方法不可行,因为插件根本不工作。有Unknown exception和python script plugin did not accept the script错误提示,环境是win7 x64位系统,找到解决方法是Python Script插件问题,下载Python Script插件重新安装解决了此问题。

插件介绍及安装地址:http://npppythonscript.sourceforge.net/download.shtml

再次安装前要卸载原来的Python Script插件。

卸载notepad++插件

下载后的文件是PythonScript_1.0.8.0.msi右键点击安装,注意这里要安装在notepad++的程序根目录,他会自动安装到\Notepad++\plugins\PythonScript\下面的。安装后,重启Notepad++,测试OK。综合度娘和谷歌其他人反映的情况,此问题主要出现在win7和win8 64位系统上。

此外还有一个问题Emmet 插件貌似默认安装完,快捷键不是Tab键,需要自己另外设置。具体设置方法如下:

安装完Emmet后,强烈建议更改 Expand Abbreviation 的键盘快捷键为Tab键。
打开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>

时间: 2024-10-30 00:15:13

Notepad++ Emmet安装方法教程的相关文章

pycharm 2018安装方法教程 附录 最新注册码 永久使用激活补丁

下载pycharm 2018.3.2安装文件,可以直接点击下载网盘下载 激活码下载地址http://demo.liuy88.cn/jp0639.html 下载完成后,双击exe即可开始安装 点击Next(继续),选择要安装的目录,然后点击 Next 按照选择相关的配置,例如下图,然后点击Next 最后点击Install 即可,安装完成,桌面会有创建的快捷方式 双击快捷方式即可打开Pycharm,在破解之前可以进行一些简单的配置 a) 可以导入已有的配置 b) 选择UI主题 c) 选择一些插件,比

sublime插件emmet安装和使用

emmet安装方法: 步骤一:首先你需要为sublime text安装Package Control组件: 按Ctrl+`调出sublime text的console 粘贴以下代码到底部命令行并回车: import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installedpackagespath();os.makedirs(ipp) if not os.path.exists(ipp) else None;open

Notepad++插件Python Script和Emmet的安装使用教程(转载)

安装插件Python Script和Emmet: 最近在做一个项目,涉及到大量的HTML.CSS代码的编写,手动写代码效率实在是低下.于是想搜索一下,有没有Notepad++插件可以支持自动生成的,果不其然还真有.Emmet,这款神器其实就是 Zen Coding的升级版,它可以极大的提高代码编写的效率,并提供了一种非常简练的语法规则,立刻生成对应的 HTML 结构或者 CSS代码,同时还有多种实用的功能帮助进行前端开发. Emmet支持多种编辑器,如Sublime Text 2,TextMat

Sublime Text3 Package Control和Emmet插件安装方法

因为初学前端,所以今天安装了Sumblime Text 3,然后就停不下来去找Package Control的安装方法. 网络上我找到并尝试过的方法有两种,我使用的是用Python代码去安装并成安装成功,在此记录安装过程.另一种下载Package Control安装包覆盖的办法没有成功(应该是个人操作问题). 1.将python代码以命令的方式去安装. 代码:import urllib.request,os; pf = 'Package Control.sublime-package'; ipp

CorelDraw x6【Cdr x6】官方简体中文破解版(64位)安装图文教程、破解注册方法

原文:http://www.3d66.com/softsetup_120.html 第一步:解压文件 (图一) 首先解压我们下载的CorelDraw x6 64位文件包 如图一. 2第二步:运行安装程序 (图二) 双击“Setup”开始安装CorelDraw x6 64位 如图二. 3第三步:CorelDraw x6 64位许可协议界面 (图三) 这里我们要先把协议文字拖到最下面才能点击“我接受” 如图三. 4第四步:CorelDraw x6 64位序列号选择界面 (图四) 勾选“我没有序列号,

putty的下载安装和基本使用方法教程

PuTTY是一款开源(Open Source Software)的连接软件,主要由Simon Tatham维护,使用MIT许可证授权.包含的组件有:PuTTY, PuTTYgen,PSFTP, PuTTYtel, Plink, PSCP, Pageant,默认登录协议是SSH,默认的端口为22.Putty是用来远程连接服务器的,支持SSH.Telnet.Serial等协议的连接.其中最常用的是SSH.用它来远程管理Linux十分好用,其主要优点如下: ◆ 完全免费; ◆ 在Windows 9x/

MacOS Catalina 10.15安装教程,启动U盘制作及安装方法

苹果推送了 macOS Catalina 10.15 系统正式版更新,大家可以升级新系统了!话不多说,下面就为大家分享MacOS Catalina 10.15的安装教程. 在尝试安装MacOS Catalina 10.15之前,应首先检查是否支持Mac计算机.根据Apple的官方网站,macOS Catalina 10.15仅在MacBook Air 2012及更高版本,MacBook Pro 2012及更高版本,Mac mini 2012及更高版本,iMac 2012及更高版本,Mac Pro

Notepad++ Emmet/Zen coding插件的安装

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具 一.下载 电脑环境:Windows 10 Enterprise, 64-bit Operating System Notepad++: Notepad++ 7.8 release (32-bit x86) Emmet: 下载地址 PythonScript: 下载地址 PluginManager: 下载地址 二.安装 1. 下载好所需的notepad++文件后,一顿“同意”,"下一步",“是” ,操作

黑苹果安装简明教程

上次说到iOS开发需要OS X系统,一般来说买一台Apple电脑即可解决,Apple电脑不便宜,不是所有人都买得起,有个折中的方案是安装黑苹果,在其他品牌的笔记本电脑上使用OS X系统,但由于是黑苹果,和真正的黑苹果比起来,在体验和功能方面有差距,不过Xcode运行没问题,这就足够了,对不对?我们只需要Xcode学习,让自己拥有敲门砖,走进iOS开发的世界,等条件允许再换一部Apple电脑.至于开发者账号,等APP做出来再来考虑吧,我们要打下基础先,万丈高楼平地起?,自学的路上总会遇到很多困难,