Notepad++ 安装 emmet 插件失败？-中国学网-中国IT综合门户网站
> Notepad++ 安装 emmet 插件失败？
Notepad++ 安装 emmet 插件失败？
转载 编辑：李强
为了帮助网友解决“Notepad++ 安装 emmet 插”相关的问题，中国学网通过互联网对“Notepad++ 安装 emmet 插”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:Notepad++ 安装 emmet 插件失败？，具体解决方案如下：解决方案1：实在不行就手动安装咯，将下载到的插件文件解压到Plugins目录，去官网下载驱动（点击notepad++右上角，查找目标，然后找到你要安装的插件？号，打开Plugins目录，有一个获取插件。右击notepad++快捷方式图标，安装完成，属性，打开notepad++软件主目录点击是，然后重启试试通过对数据库的索引,我们还为您准备了：答：1.下载Notepad++插件;(zen-Coding for Notepad++) 2.解压后将压缩包中的文件放入Notepad++安装目录下的plugins文件夹中; 3.重新启动就能看到菜单栏上增加了一项Zen Coding。如下图所示： 测试一下：快捷键为Ctrl+e 输入：div#test 按Ctrl+e生成： ===========================================答：您好，很高兴能帮助您， 如何将Emmet安装到Notepad++? 1.下载Notepad++插件;(zen-Coding for Notepad++) 2.解压后将压缩包中的文件放入Notepad++安装目录下的plugins文件夹中; 3.重新启动就能看到菜单栏上增加了一项Zen Coding。 你的采纳是我前...===========================================答：1.下载Notepad++插件;(zen-Coding for Notepad++) 2.解压后将压缩包中的文件放入Notepad++安装目录下的plugins文件夹中; 3.重新启动就能看到菜单栏上增加了一项Zen Coding。 测试一下：快捷键为Ctrl+e 输入：div#test 按Ctrl+e生成： ===========================================问：不要插件 不是自动填充， 这个设置里面可以设置那个快捷键 PS：我重装了...答：你说不要插件，可你的图里就是插件(Plugin)的快捷键。 这批功能就是 Emmet 插件 实现的。（如图） 可能你重装后没有装这个插件。 ===========================================问：公司不让上外网，所以想离线安装emmet插件，但是把io.emmet.eclipse_1.0...答： 找到你下载的插件压缩包，打开就行了，后边就简单了 ===========================================问：公司不让上外网，所以想离线安装emmet插件，但是把io.emmet.eclipse_1.0...答：您好，很高兴能帮助您， 如何将Emmet安装到Notepad++? 1.下载Notepad++插件;(zen-Coding for Notepad++) 2.解压后将压缩包中的文件放入Notepad++安装目录下的plugins文件夹中; 3.重新启动就能看到菜单栏上增加了一项Zen Coding。 你的采纳是我前...===========================================问：公司不让上外网，所以想离线安装emmet插件，但是把io.emmet.eclipse_1.0...答：如何将Emmet安装到Notepad++? 1.下载Notepad++插件;(zen-Coding for Notepad++) 2.解压后将压缩包中的文件放入Notepad++安装目录下的plugins文件夹中; 3.重新启动就能看到菜单栏上增加了一项Zen Coding。===========================================问：公司不让上外网，所以想离线安装emmet插件，但是把io.emmet.eclipse_1.0...答：1.下载Notepad++插件;(zen-Coding for Notepad++) 2.解压后将压缩包中的文件放入Notepad++安装目录下的plugins文件夹中; 3.重新启动就能看到菜单栏上增加了一项Zen Coding。 测试一下：快捷键为Ctrl+e 输入：div#test 按Ctrl+e生成： .....===========================================问：公司不让上外网，所以想离线安装emmet插件，但是把io.emmet.eclipse_1.0...答：如何将Emmet安装到Notepad++? 1.下载Notepad++插件;(zen-Coding for Notepad++) 2.解压后将压缩包中的文件放入Notepad++安装目录下的plugins文件夹中; 3.重新启动就能看到菜单栏上增加了一项Zen Coding。===========================================1.可以参考:Notepad++的安装过程里面极其详尽的解释了,如何安装。包括了:Notepad++安装:选择语言Notepad++安装:安装向导Notepad++安装:许可证协议Notepad++安装:选择...===========================================你点autorun.exe 运行 不行的话我再给你发个VC6.0安装包 Notepad++ 是编辑器 就像记事本,但是比记事本更强大,类似的还有sulime text等 支持多种语法高亮===========================================notepad++没有Linux版本的,所以装不了!===========================================Notepad++ 需要连网,来刷新这个列表。=========================================== 多一些写注册表,注册服务之类的东西=========================================== 我在这里下载了一个,可以对CSS语法高亮。你可以试下 .cn/html_2/1/117/id=10699&pn=0&linkPage=1.html===========================================选项卡,禁用可疑程序启动项,一般电脑一启动没有打开IE就自动打开某个用记事本NOTEPAD修改\\winnt\\inf\\sysoc"系统还原":鼠标右健单击桌面...===========================================第一项,表示从安装目录读取或写入配置文件,如果是使用U盘安装则勾选之第二项,创建桌面快捷方式第三项,使用旧版图标=========================================== 愿我的答案 能够解决您的烦忧 第一,是I一个远程脚本文件。 第二,建议您现在立刻下载腾讯电脑管家"4+1"最新版,对电脑首先进行一个体检,打开所有防火墙避免系统其余...=========================================== 加我QQ,我告诉你===========================================
本文欢迎转载，转载请注明：转载自中国学网： []
用户还关注
可能有帮助使用Emmet(前身Zen&Coding)加速Web前端开发
插件以前被称作为Zen
Coding，是一个文本编辑器的插件，它可以帮助您快速编写HTML和CSS代码，从而加速Web前端开发。早在2009年，Sergey
Chikuyonok写过一篇文章，提出编写HTML和CSS的新方法。这一革命性的插件指的就是Zen
Coding，经过很多开发者多年来的努力与帮助，现在已达到了一个新的水平。也就是今天所说的Emme插件。
在这篇文章中，我们将要学习如何使用Emmet语法来生成HTML和CSS代码。
安装Emmet插件
Emmet只是文本编辑器一个插件，要想让他发挥应用的功能，就得将其安装到你喜欢的文本编辑器中。到目前为止，很多流行的文本编辑器都支持Emmet插件，也就是说很多流行的文本编辑器都可以安装这款插件。
点击下面的链接，按照说明文档可以给对应的文本编辑器安装Emmet插件：
它是如何工作的？
在Web前端开发中，我们不得不面对一个残酷的现实。在写HTML代码时需要一定的时间，因为我们要花大把的时间写HTML标签，属性，引号等；同样在编写CSS时，我们要写很多的属性、属性值，大括号和分号等。当然，大多数的文本编辑器都或多或少带有代码自动提示功能，在开发之时，帮了很大的忙，但仍然需要人工输入很多代码。而Emmet插件，集成了很多缩写，大家在开发时只需要输入简单的缩写，按tab键或ctrl+E键就能扩展出所需的代码片段。
Emmet和HTML
假定你已经为您自己喜欢的文本编辑器成功的安装好了Emmet插件，接下来我们来简单的看看如何使用Emmet帮助您快速编写您的HTML标签。
Emmet使用定义的缩写来生成元素。他的语法和CSS的选择器非常类似：
ul&li&img+p
一旦你写好缩写之后，按一下tab键(我使用的是Sublime
Text编辑器)就能生成你所请求的代码。上面的例子将会产生下面的代码：
&img src="" alt=""&
接下来，让我们来深入一点了解Emmet语法，来看看如何通过一些更复杂的缩写创建HTML标签。
创建初始文档
任何一个HTML文件，都具有一些默认的文档结构。使用Emmet来创建需要的时间不到一秒。只要输入!或html:5，然后点击tab键，你就会看到一个HTML5的doctype默认标签。
html:5或!：HTML5文档类型
html:xt：XHTML过渡型文档类型
html:xs：XHTML严格型文档类型
html:4t：HTML4过渡型文档类型
html:4s：HTML4严格型文档类型
使用&运算符可以用来生成彼此嵌套的元素：
section&div&p
&/section&
使用+运算符可以用来生成彼此相邻的元素：
section+div+p
上面代码会生成下面的代码：
返回上一层^
使用^运算符，可以让你的代码返回上一层。当你使用&嵌套元素时，想让后面的回到上一层，那么这个方法很适用。
section&div&p&a^p
这个缩写将两个段落元素都放置在div内，但只有第一个段落里会包含一个链接。
&p&&a href=""&&/a&&/p&
&/section&
其实这个就相当于：
section&div&(p&a)+p
如果你想一次性生成多个相同的元素，比如列表中的li，那么就可以使用乘法运算符*:
上面代码会生成不个li：
除了能一次性生成多个相同的标签之外，我们还可以通过$符号做递增；通过$@-符号做递减；通过$@3*5这样的方式从第三个开始命名：组合
为了更有效的利用嵌套，我们常会制作一些代码片段。在Emmet中你可以通过()将一个块组合在一起，来看一个简单的示例：
ul&(li&a)*3
上面的代码就会生成3个li，而且每个li中套了一个a:
&li&&a href=""&&/a&&/li&
&li&&a href=""&&/a&&/li&
&li&&a href=""&&/a&&/li&
在我们一个页面中，常会包括页头、主体和页脚三个部分，我们很多时候就可以通过对全们进行一个组合，快速生成有效的代码：
快速添加类名、ID、文本和属性
在Emmet中，还有一个功效，能快速帮助你添加类名、ID、文本和属性。
使用E#ID添加ID名
使用E.class添加类名
使用E[attr]添加属性
使用E{text}添加文本
省略标签名
在Emmet中可以省略标签名，默认情况下，如.item和div.item起到的作用是一致的
&div class="item"&&/div&
在实际中还有几种情况：
ul和 ol中输入指的是li
table、tbody、thead和tfoot指的是tr
tr中指的是td
select和optgroup指的是option
Emmet和CSS
CSS提供了属性的值，比如font-size，margin和 padding等等：
Emmet定义了所有已知的CSS属性和缩写。所以border-bottom缩写是bdb，border-top缩写是bdt。正如下面的示例font-size缩写是fz：
假设你在你的编辑器中输入fz，然后按一下tab键，Emmet就像一个魔法师一样将缩写变成有效的CSS，并且放在你的光标之处。
现在我们已经了解了CSS的属性，它只需要添加一个值。这是通过一个组合缩写和所需要的值一起来完成。例如，fz18将输出font-size:18px。你不需要输入px，因为Emmet将会其单位是px。如果一个项目没有一个单位（如font-weight），Emmet会很聪明，他不会添加像素单位。
如果你在CSS不经常使用的像素(px)单位，那会是什么？是em、rem、%、ex和px吗？那么这些单位在Emmet中都是可以使用的。在Emmet中每一个单位都有其缩写形式：
要使用一个单位，只需要在值的后面使用缩写的单位值。下面的例子是使用em定义font-size：
CSS中的某些属笥，比如margin，允许多个值。在Emmet中要做到这一点，只需要每个值之间使用破折号(-)。来看看下面的例子，给body定义margin的四个值：
在Emmet中使用#前缀，后面紧跟颜色值，但不同的字符数将会输出不同的十六进制代码。来看一些例子：
＃1& ＃111111
＃E0& ＃e0e0e0
＃FC0& ＃FFCC00
下面定义通过c#2定义body的颜色值，将会输出#222：
!important
尽管在CSS中!important并不经常使用，但在Emmet也带有一定的缩写。添加!就可以自动生成：
现在我们具Emmet的CSS特性的一个基本了解，也是将它们放在一起的时候。就类似于Emmet和HTML中的相邻元素的功能。可以使用加号+运算符来创建多个属性。我们来看一个简单的示例：
记住，你可以使用所有缩写或者将其分开。这并不是很重要，关键的是你要使用得正确，它能更容易让你编写你的CSS。这里有一个动画，他给div.panel创建一些样式：
Emmet是一个强大的工具，也被称为是一款高速的编码工具，它可以让你花更少的时间做同样的事情，而无需手动创建自己的代码片段。Emmet的灵感来自于CSS选择器以及可以用于所有主要的文本编辑器，以适应开发者的工作流程。
请记住，你可以在你的工作流中添加任何新工具，这个学习过程也是一个曲线的过程，但你不要花费更多的时间做那些相同的事情。你只是需要定期的访问
，你就会慢慢熟悉Emmet中HTML和CSS的所有特性。让你少想，少写，实现更多想要的代码。
本文来自：
原文地址：
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。Emmet——网页开发插件
Ray Villalobos
学习人数：
Ray Villalobos
暂无笔记信息
学习人数:2
学习人数:12
学习人数:1
学习人数:0
Emmet在HTML开发中的应用
Emmet在编写CSS中的应用
业余时间来学习增长了课外知识，也算是一种兴趣吧，好课
真心不错，很好的视频，福音
已成功加入购物车!
EOL通行证登录
还没有EOL通行证?赶紧 吧!
使用合作网站帐号登录：
请输入您注册的邮件地址:
请输入验证码:
电子邮件:请输入正确的邮件地址，方便您找回密码，并及时收到最新课程信息。
您的称呼:您可以输入实名或昵称,方便学习交流.
电子邮件:请输入正确的邮件地址，方便您找回密码或及时接收我们的最新信息。
机构名称:请填写企业/品牌全称或无歧义简称
京公网安备号 网络视听许可证0109388号
旗下网站　(C)版权所有
客服电话：前端开发必备！Emmet使用手册
白牙| 10:10|次浏览|
Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:
基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能再运行时进行拓展。
Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS形式的能够动态被解析的表达式，然后根据你所输入的缩写来得到相应的内容。Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前端开发人员，但也可以用于编程语言。
使用示例：
在编辑器中输入缩写代码：ul&li*5 ，然后按下拓展键（默认为tab），即可得到代码片段：
& && && && && && &
下载和安装
Emmet为大部分流行的编辑器都提供了安装插件，下面是它们的下载链接：
在线编辑器的支持：
第三方插件的支持
下面这些编辑器的插件都是由第三方开发者所提供的，所以可能并不支持所有Emmet的功能和特性。
因为我也是Sublime Text的使用者，所以下面为大家介绍一下sublime text中Emmet的安装方法：
步骤一：首先你需要为sublime text安装Package Control组件：
按Ctrl+`调出sublime text的console
粘贴以下代码到底部命令行并回车： import urllib2,pf='Package Control.sublime-package';ipp=sublime.installedpackagespath();os.makedirs(ipp) if not os.path.exists(ipp) else Nopen(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('(' ','%20')).read())
重启Sublime Text
在Perferences-&package settings中看到package control，则表示安装成功
步骤二：使用Package Control安装Emmet插件：
按Ctrl+Shift+P命令板
输入install然后选择install Package，然后输入emmet找到 Emmet Css Snippets，点击就可以自动完成安装。
emmet的使用方法也非常简单，以sublime text为例，直接在编辑器中输入HTML或CSS的代码的缩写，然后按tab键就可以拓展为完整的代码片段。（如果与已有的快捷键有冲突的话，可以自行在编辑器中将拓展键设为其他快捷键）
缩写：nav&ul&li
& & && & &
缩写：div+p+bq
缩写：div+div&p&span+em^bq
&& & &&&&&& && &
缩写：div+div&p&span+em^^bq
&& & &&&&&& & &&
缩写：div&(header&ul&li*2&a)+footer&p
& & & & href=""&&& & href=""&&& & & & && & &
缩写：(div&dl&(dt+dd)*3)+footer&p
& & && && && && && && & & & && &
缩写：ul&li*5
& && && && && && &
自增符号：$
缩写：ul&li.item$*5
class="item1"&&
class="item2"&&
class="item3"&&
class="item4"&&
class="item5"&& &
缩写：h$[title=item$]{Header $}*3
title="item1"&Header 1&
title="item2"&Header 2&
title="item3"&Header 3&
缩写：ul&li.item$$$*5
class="item001"&&
class="item002"&&
class="item003"&&
class="item004"&&
class="item005"&& &
缩写：ul&li.item$@-*5
class="item5"&&
class="item4"&&
class="item3"&&
class="item2"&&
class="item1"&& &
缩写：ul&li.item$@3*5
class="item3"&&
class="item4"&&
class="item5"&&
class="item6"&&
class="item7"&& &
ID和类属性
缩写：#header
id="header"&&
缩写：.title
class="title"&&
缩写：form#search.wide
id="search" class="wide"&&
缩写：p.class1.class2.class3
class="class1 class2 class3"&&
自定义属性
缩写：p[title="Hello world"]
title="Hello world"&&
缩写：td[rowspan=2 colspan=3 title]
rowspan="2" colspan="3" title=""&&
缩写：[a='value1' b="value2"]
a="value1" b="value2"&&
缩写：a{Click me}
href=""&Click me&
缩写：p&{Click }+a{here}+{ to continue}
href=""&here& to continue&
缩写：.class
class="class"&&
缩写：em&.class
& class="class"&&&
缩写：ul&.class
class="class"&& &
缩写：table&.row&.col
class="row"&
class="col"&& & &
所有未知的缩写都会转换成标签，例如，foo → &foo&&/foo&
&!doctype html&
lang="en"& &
charset="UTF-8"& &Document& & & & &
缩写：a:link
href="http://"&&
缩写：a:mail
href="mailto:"&&
缩写：abbr
title=""&&
缩写：acronym
title=""&&
缩写：base
href="" /&
缩写：basefont
缩写：frame
缩写：bdo:r
dir="rtl"&&
缩写：bdo:l
dir="ltr"&&
缩写：link
rel="stylesheet" href="" /&
缩写：link:css
rel="stylesheet" href="style.css" /&
缩写：link:print
rel="stylesheet" href="print.css" media="print" /&
缩写：link:favicon
rel="shortcut icon" type="image/x-icon" href="favicon.ico" /&
缩写：link:touch
rel="apple-touch-icon" href="favicon.png" /&
缩写：link:rss
rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" /&
缩写：link:atom
rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" /&
缩写：meta
缩写：meta:utf
http-equiv="Content-Type" content="text/charset=UTF-8" /&
缩写：meta:win
http-equiv="Content-Type" content="text/charset=windows-1251" /&
缩写：meta:vp
name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /&
缩写：meta:compat
http-equiv="X-UA-Compatible" content="IE=7" /&
缩写：style
缩写：script
缩写：script:src
src="" alt="" /&
缩写：iframe
src="" frameborder="0"&&
缩写：embed
src="" type="" /&
缩写：object
data="" type=""&&
缩写：param
name="" value="" /&
缩写：area
shape="" coords="" href="" alt="" /&
缩写：area:d
shape="default" href="" alt="" /&
缩写：area:c
shape="circle" coords="" href="" alt="" /&
缩写：area:r
shape="rect" coords="" href="" alt="" /&
缩写：area:p
shape="poly" coords="" href="" alt="" /&
缩写：form
action=""&&
缩写：form:get
action="" method="get"&&
缩写：form:post
action="" method="post"&&
缩写：label
缩写：input
type="text" /&
type="text" name="" id="" /&
缩写：input:hidden
别名：input[type=hidden name]
type="hidden" name="" /&
缩写：input:h
别名：input:hidden
type="hidden" name="" /&
缩写：input:text, input:t
type="text" name="" id="" /&
缩写：input:search
别名：inp[type=search]
type="search" name="" id="" /&
缩写：input:email
别名：inp[type=email]
type="email" name="" id="" /&
缩写：input:url
别名：inp[type=url]
type="url" name="" id="" /&
缩写：input:password
别名：inp[type=password]
type="password" name="" id="" /&
缩写：input:p
别名：input:password
type="password" name="" id="" /&
缩写：input:datetime
别名：inp[type=datetime]
type="datetime" name="" id="" /&
缩写：input:date
别名：inp[type=date]
type="date" name="" id="" /&
缩写：input:datetime-local
别名：inp[type=datetime-local]
type="datetime-local" name="" id="" /&
缩写：input:month
别名：inp[type=month]
type="month" name="" id="" /&
缩写：input:week
别名：inp[type=week]
type="week" name="" id="" /&
缩写：input:time
别名：inp[type=time]
type="time" name="" id="" /&
缩写：input:number
别名：inp[type=number]
type="number" name="" id="" /&
缩写：input:color
别名：inp[type=color]
type="color" name="" id="" /&
缩写：input:checkbox
别名：inp[type=checkbox]
type="checkbox" name="" id="" /&
缩写：input:c
别名：input:checkbox
type="checkbox" name="" id="" /&
缩写：input:radio
别名：inp[type=radio]
type="radio" name="" id="" /&
缩写：input:r
别名：input:radio
type="radio" name="" id="" /&
缩写：input:range
别名：inp[type=range]
type="range" name="" id="" /&
缩写：input:file
别名：inp[type=file]
type="file" name="" id="" /&
缩写：input:f
别名：input:file
type="file" name="" id="" /&
缩写：input:submit
type="submit" value="" /&
缩写：input:s
别名：input:submit
type="submit" value="" /&
缩写：input:image
type="image" src="" alt="" /&
缩写：input:i
别名：input:image
type="image" src="" alt="" /&
缩写：input:button
type="button" value="" /&
缩写：input:b
别名：input:button
type="button" value="" /&
缩写：isindex
缩写：input:reset
别名：input:button[type=reset]
type="reset" value="" /&
缩写：select
name="" id=""&&
缩写：option
value=""&&
缩写：textarea
name="" id="" cols="30" rows="10"&&
缩写：menu:context
别名：menu[type=context]&
type="context"&&
缩写：menu:c
别名：menu:context
type="context"&&
缩写：menu:toolbar
别名：menu[type=toolbar]&
type="toolbar"&&
缩写：menu:t
别名：menu:toolbar
type="toolbar"&&
缩写：video
缩写：audio
缩写：html:xml
xmlns="http://www.w3.org/1999/xhtml"&&
缩写：keygen
缩写：command
别名：blockquote
别名：acronym
title=""&&
别名：figure
缩写：figc
别名：figcaption
别名：iframe
src="" frameborder="0"&&
别名：embed
src="" type="" /&
别名：object
data="" type=""&&
别名：source
别名：caption
缩写：colg
别名：colgroup
缩写：fst, fset
别名：fieldset
别名：button
缩写：btn:b
别名：button[type=button]
type="button"&&
缩写：btn:r
别名：button[type=reset]
type="reset"&&
缩写：btn:s
别名：button[type=submit]
type="submit"&&
关于更多的HTML以及CSS的缩写请查看：
来自：w3cplus