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++文件后,一顿“同意”，"下一步"，“是” ，操作猛如虎，安装完成notepad++.

2. 打开notepad++的安装目录，默认是 C:\Program Files (x86)\Notepad++ (32位)，C:\Program Files\Notepad++(64位)，你也可以通过notepad++菜单栏的Plugins->OpenPlugins Folder...

直接进入到 plugins 文件夹，将下载的插件解压拷贝到这（PluginManager解压之后只有一个DLL文件，直接拷贝到C:\Program Files\Notepad++\Plugins可能不好使，可以新建一个跟DLL同名的PluginManager文件夹，把DLL文件放进去）。

3. 重启notepad++ 之后，在菜单栏的Plugins下就可以看到你新添加的插件

三、使用

打开文档，输入 html:5 键盘按下CTRL+E 立马生成一大段代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

body 标签中输入：div#header>(h1.logo>a)+ul.nav>li.item*5>a 键盘按下CTRL+E，又是一大堆。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="header">
        <h1 class="logo"><a href=""></a></h1>
        <ul class="nav">
            <li class="item"><a href=""></a></li>
            <li class="item"><a href=""></a></li>
            <li class="item"><a href=""></a></li>
            <li class="item"><a href=""></a></li>
            <li class="item"><a href=""></a></li>
        </ul>
    </div>
</body>
</html>