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 FilesNotepad++plugins)

2. Restart Notepad++ in top

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

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 commol me 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 pagerin; is available via Plugin Manager: use Plugins > Plugin Manager > Show Plugin Manager menu action and find and install “Emmet” plugin.

Manual installation

1.Install Script Script p. Notepad++的Plugin安裝Python Script

或直接下載：PythonScript_1.0.8.0.msi進行安裝）

2.Download EmmetNPPpadlugin and unpack it in CopNodep* 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 intopadUSER%App++amingNote %App -------------------------------------------------- ------------------------------------------

如果遇到：

Unknown exception

Python Script Plugin did not accept the script

可參考Notepad++ Emmet安裝方法教學

PythonScript_1.0.8.0.ms++m %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）通過索引和緩存優化性能，編寫可讀性高的代碼並進行錯誤處理。