Notepad++ 安装 Zen Coding / Emmet 插件-php教程-PHP中文网

首页

后端开发

php教程

Notepad++ 安装 Zen Coding / Emmet 插件

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 29, 2016 am 09:14 AM

classgthtmllilt

Zen Coding 插件

==============

下载： Zen.Coding-Notepad++.v0.7.zip

==Installation==

1. Copy contents of this archive into Notepad++ 'plugins' folder (basically, it's C:\Program Files\Notepad++\plugins\)

2. Restart Notepad++

You should see "Zen Coding" menu item in top menu.

安装：解压压缩包，复制相应文件（NppScripting.dll及NppScripting文件夹）到Notepad++安装目录下的plugins文件夹下

---------------------------------------------------------------------------------------------------

Emmet 插件

============

zen-Coding改名Emmet，网站：docs.emmet.io

下载： emmet-npp.zip

https://github.com/emmetio/npp#readme

及 PythonScript_1.0.8.0.msi

Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow:

write HTML code with CSS-like abbreviations, use different actions to quickly select and modify HTML and CSS code and more!

==Installation==

Plugin manager

This plugin is available via Plugin Manager: use Plugins > Plugin Manager > Show Plugin Manager menu action and find and install “Emmet” plugin.

Manual installation

1.Install Python Script plugin (available in Plugin Manager).

（可以通过Notepad++的Plugin安装Python Script

或直接下载：PythonScript_1.0.8.0.msi进行安装）

2.Download EmmetNPP plugin and unpack it into C:\Program Files\Notepad++\plugins folder Start Nodepad++.

You should see Plugins > Emmet menu item.

==Changing keyboard shortcuts==

You can use default Settings > Shortcut Mapper… dialog to change action’s keyboard shortcuts.

plugin commands 》Expand abbreviation

Try to map Tab key to Expand Abbreviation action to improve your experience.

Extensions support

Emmet for Notepad++ supports extensions:

put all your .js and .json files into %USER%\AppData\Roaming\Notepad++\plugins\config\emmet folder and restart Notepad++.

---------------------------------------------------------------------------------------------------

如果遇到：

Unknown exception

Python Script Plugin did not accept the script

可参看 Notepad++ Emmet安装方法教程

PythonScript_1.0.8.0.msi 下载

http://sourceforge.net/projects/npppythonscript/files/Python%20Script%201.0.8.0/PythonScript_1.0.8.0.msi/download

----------------------------------------------------------------------------------------------------

Notepad++插件快捷键设置

<span>!
 </span><span><span>doctype html</span><span>></span><span><span>html </span><span>lang</span><span>="en"</span><span>></span><span><span>head</span><span>></span><span><span>meta </span><span>charset</span><span>="UTF-8"</span><span>></span><span><span>title</span><span>></span>Document<span></span><span>title</span><span>></span><span></span><span>head</span><span>></span><span><span>body</span><span>></span><span></span><span>body</span><span>></span><span></span><span>html</span><span>></span><span>
 html:4s
 </span><span><span>DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"</span><span>></span><span><span>html </span><span>lang</span><span>="en"</span><span>></span><span><span>head</span><span>></span><span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html;charset=UTF-8"</span><span>></span><span><span>title</span><span>></span>Document<span></span><span>title</span><span>></span><span></span><span>head</span><span>></span><span><span>body</span><span>></span><span></span><span>body</span><span>></span><span></span><span>html</span><span>></span><span>
 html:xs

</span><span><span>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span>></span><span><span>html </span><span>xmlns</span><span>="http://www.w3.org/1999/xhtml"</span><span> xml:lang</span><span>="en"</span><span>></span><span><span>head</span><span>></span><span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html;charset=UTF-8"</span><span>></span><span><span>title</span><span>></span>Document<span></span><span>title</span><span>></span><span></span><span>head</span><span>></span><span><span>body</span><span>></span><span></span><span>body</span><span>></span><span></span><span>html</span><span>></span><span>
#content.aticle.posts
 </span><span><span>div </span><span>id</span><span>="content"</span><span> class</span><span>="aticle posts"</span><span>></span><span>div</span><span>></span><span>
 ul#ccc.ddd
 </span><span><span>ul </span><span>id</span><span>="ccc"</span><span> class</span><span>="ddd"</span><span>></span><span></span><span>ul</span><span>></span><span>
div.aaa>ul>li
 </span><span><span>div </span><span>class</span><span>="aaa"</span><span>></span><span><span>ul</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span></span><span>div</span><span>></span><span>
div>ul>li^^span
 </span><span><span>div</span><span>></span><span><span>ul</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span></span><span>div</span><span>></span><span><span>span</span><span>></span><span>span</span><span>></span><span>
 div>ul>li^^div.clear
 </span><span><span>div</span><span>></span><span><span>ul</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span></span><span>div</span><span>></span><span><span>div </span><span>class</span><span>="clear"</span><span>></span><span>div</span><span>></span><span>
div>ul>li*6
 </span><span><span>div</span><span>></span><span><span>ul</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span></span><span>div</span><span>></span><span>
(div>dl>(dt+dl)*3)+footer>p
 </span><span><span>div</span><span>></span><span><span>dl</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span></span><span>dl</span><span>></span><span></span><span>div</span><span>></span><span><span>footer</span><span>></span><span><span>p</span><span>></span><span>p</span><span>></span><span></span><span>footer</span><span>></span><span>
div.banner>ul>li*2>((dt+dl)*3)+footer^^span

</span><span><span>div </span><span>class</span><span>="banner"</span><span>></span><span><span>ul</span><span>></span><span><span>li</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>footer</span><span>></span><span>footer</span><span>></span><span></span><span>li</span><span>></span><span><span>li</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>dt</span><span>></span><span>dt</span><span>></span><span><span>dl</span><span>></span><span>dl</span><span>></span><span><span>footer</span><span>></span><span>footer</span><span>></span><span></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span><span>span</span><span>></span><span>span</span><span>></span><span></span><span>div</span><span>></span><span>
a
 </span><span><span>a </span><span>href</span><span>=""</span><span>></span><span>a</span><span>></span><span>
a>{我是链接标题}
 </span><span><span>a </span><span>href</span><span>=""</span><span>></span>我是链接标题<span></span><span>a</span><span>></span><span>
link
 </span><span><span>link </span><span>rel</span><span>="stylesheet"</span><span> href</span><span>=""</span><span>></span><span>
 ul>li.item$*5
 </span><span><span>ul</span><span>></span><span><span>li </span><span>class</span><span>="item1"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item2"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item3"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item4"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item5"</span><span>></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span> $ 就表示一位数字，只出现一个的话，就从1开始。如果出现多个，就从0开始。如果我想生成三位数的序号，那么要写三个 $：

ul>li.item$$*5

</span><span><span>ul</span><span>></span><span><span>li </span><span>class</span><span>="item01"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item02"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item03"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item04"</span><span>></span><span>li</span><span>></span><span><span>li </span><span>class</span><span>="item05"</span><span>></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span>
(header>ul.nav>li*5)+article+footer
 </span><span><span>header</span><span>></span><span><span>ul </span><span>class</span><span>="nav"</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span><span>li</span><span>></span><span>li</span><span>></span><span></span><span>ul</span><span>></span><span></span><span>header</span><span>></span><span><span>article</span><span>></span><span>article</span><span>></span><span><span>footer</span><span>></span><span>footer</span><span>></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>

以上就介绍了Notepad++ 安装 Zen Coding / Emmet 插件，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

PHP：服务器端脚本语言的简介Apr 16, 2025 am 12:18 AM

PHP是一种服务器端脚本语言，用于动态网页开发和服务器端应用程序。1.PHP是一种解释型语言，无需编译，适合快速开发。2.PHP代码嵌入HTML中，易于网页开发。3.PHP处理服务器端逻辑，生成HTML输出，支持用户交互和数据处理。4.PHP可与数据库交互，处理表单提交，执行服务器端任务。

PHP和网络：探索其长期影响Apr 16, 2025 am 12:17 AM

PHP在过去几十年中塑造了网络，并将继续在Web开发中扮演重要角色。1)PHP起源于1994年，因其易用性和与MySQL的无缝集成成为开发者首选。2)其核心功能包括生成动态内容和与数据库的集成，使得网站能够实时更新和个性化展示。3)PHP的广泛应用和生态系统推动了其长期影响，但也面临版本更新和安全性挑战。4)近年来的性能改进，如PHP7的发布，使其能与现代语言竞争。5)未来，PHP需应对容器化、微服务等新挑战，但其灵活性和活跃社区使其具备适应能力。

为什么要使用PHP？解释的优点和好处Apr 16, 2025 am 12:16 AM

PHP的核心优势包括易于学习、强大的web开发支持、丰富的库和框架、高性能和可扩展性、跨平台兼容性以及成本效益高。1)易于学习和使用，适合初学者；2)与web服务器集成好，支持多种数据库；3)拥有如Laravel等强大框架；4)通过优化可实现高性能；5)支持多种操作系统；6)开源，降低开发成本。

揭穿神话：PHP真的是一种死语吗？Apr 16, 2025 am 12:15 AM

PHP没有死。1)PHP社区积极解决性能和安全问题，PHP7.x提升了性能。2)PHP适合现代Web开发，广泛用于大型网站。3)PHP易学且服务器表现出色，但类型系统不如静态语言严格。4)PHP在内容管理和电商领域仍重要，生态系统不断进化。5)通过OPcache和APC等优化性能，使用OOP和设计模式提升代码质量。

PHP与Python辩论：哪个更好？Apr 16, 2025 am 12:03 AM

PHP和Python各有优劣，选择取决于项目需求。1)PHP适合Web开发，易学，社区资源丰富，但语法不够现代，性能和安全性需注意。2)Python适用于数据科学和机器学习，语法简洁，易学，但执行速度和内存管理有瓶颈。

PHP的目的：构建动态网站Apr 15, 2025 am 12:18 AM

PHP用于构建动态网站，其核心功能包括：1.生成动态内容，通过与数据库对接实时生成网页；2.处理用户交互和表单提交，验证输入并响应操作；3.管理会话和用户认证，提供个性化体验；4.优化性能和遵循最佳实践，提升网站效率和安全性。

PHP：处理数据库和服务器端逻辑Apr 15, 2025 am 12:15 AM

PHP在数据库操作和服务器端逻辑处理中使用MySQLi和PDO扩展进行数据库交互，并通过会话管理等功能处理服务器端逻辑。1）使用MySQLi或PDO连接数据库，执行SQL查询。2）通过会话管理等功能处理HTTP请求和用户状态。3）使用事务确保数据库操作的原子性。4）防止SQL注入，使用异常处理和关闭连接来调试。5）通过索引和缓存优化性能，编写可读性高的代码并进行错误处理。