메모장은 Zen Coding/Emmet 플러그인을 설치합니다.-PHP 튜토리얼-php.cn

Zen Coding 플러그인

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

다운로드: Zen.Coding-Notepad .v0.7.zip

==설치==

1. 이 아카이브의 내용을 메모장 '플러그인' 폴더에 복사합니다(기본적으로 C:Program FilesNotepad 플러그인입니다)

2. 메모장을 다시 시작합니다.

상단 메뉴에 "Zen Coding" 메뉴 항목이 표시되어야 합니다.

설치: 압축된 패키지의 압축을 풀고 해당 파일(NppScripting.dll 및 NppScripting 폴더)을 메모장 설치 디렉터리의 플러그인 폴더에 복사합니다.

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

Emmet 플러그인

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

zen-Coding이 Emmet으로 이름이 변경됨, 웹사이트: docs.emmet.io

다운로드: emmet-npp.zip

https://

github.com/emmetio/npp#readme

및 PythonScript_1.0.8.0.msi

Emmet은 HTML 및 CSS 작업 흐름을 크게 개선할 수 있는 웹 개발자 도구 키트입니다.

CSS와 유사한 약어로 HTML 코드를 작성하고 다양한 작업을 사용하여 빠르게 HTML 및 CSS 코드 등을 선택하고 수정하세요!

==설치==

플러그인 관리자

이 플러그인은 플러그인 관리자를 통해 사용할 수 있습니다. 플러그인 > ; 플러그인 관리자 메뉴 작업을 표시하고 “Emmet” 플러그인을 찾아서 설치합니다.

수동 설치

1.Python 스크립트 플러그인을 설치합니다(플러그인 관리자에서 사용 가능).

다운로드: PythonScript_1.0.8.0.msi 설치)

2. EmmetNPP 플러그인을 다운로드하고 C:Program FilesNotepad 플러그인 폴더에 압축을 푼 다음 Nodepad를 시작합니다.

플러그인 > item.

==키보드 단축키 변경==

기본 설정 > 단축키 매퍼... 대화 상자를 사용하여 작업의 키보드 단축키를 변경할 수 있습니다.

플러그인 명령 》약어 확장

Tab 키를 확장 약어 작업에 매핑하여 경험을 향상해 보세요.

확장 지원

메모장용 Emmet은 확장을 지원합니다.

모든 .js를 입력하세요. 및 .json 파일을 %USER%AppDataRoamingNotepadpluginsconfigemmet 폴더에 넣고 메모장을 다시 시작하세요.

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

다음이 발생하는 경우:

알 수 없는 예외

Python 스크립트 플러그인 스크립트를 수락하지 않았습니다

메모장 Emmet 설치 튜토리얼을 참조하세요

PythonScript_1.0.8.0.msi 다운로드

http://sourceforge.net/projects /npppythonscript/files/Python 스크립트 1.0.8.0/PythonScript_1.0.8.0.msi/download

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

메모장 플러그인

단축키

설정

위 내용은 Notepad용 Zen Coding/Emmet 플러그인 설치에 대한 내용과 함께 PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되었으면 좋겠습니다.

<span>!
 </span><span><!</span><span>doctype html</span><span>></span><span><</span><span>html </span><span>lang</span><span>="en"</span><span>></span><span><</span><span>head</span><span>></span><span><</span><span>meta </span><span>charset</span><span>="UTF-8"</span><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><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><span>DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"</span><span>></span><span><</span><span>html </span><span>lang</span><span>="en"</span><span>></span><span><</span><span>head</span><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><span>title</span><span>></span>Document<span></</span><span>title</span><span>></span><span></</span><span>head</span><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><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><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><span>head</span><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><span>title</span><span>></span>Document<span></</span><span>title</span><span>></span><span></</span><span>head</span><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><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><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><span>div </span><span>class</span><span>="aaa"</span><span>></span><span><</span><span>ul</span><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><span>div</span><span>></span><span><</span><span>ul</span><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><span>
 div>ul>li^^div.clear
 </span><span><</span><span>div</span><span>></span><span><</span><span>ul</span><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>div </span><span>class</span><span>="clear"</span><span>></</span><span>div</span><span>></span><span>
div>ul>li*6
 </span><span><</span><span>div</span><span>></span><span><</span><span>ul</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><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><span>div</span><span>></span><span><</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><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><span>footer</span><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><span>div </span><span>class</span><span>="banner"</span><span>></span><span><</span><span>ul</span><span>></span><span><</span><span>li</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>footer</span><span>></</span><span>footer</span><span>></span><span></</span><span>li</span><span>></span><span><</span><span>li</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><span>></span><span><</span><span>dt</span><span>></</span><span>dt</span><span>></span><span><</span><span>dl</span><span>></</span><span>dl</span><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><span>div</span><span>></span><span>
a
 </span><span><</span><span>a </span><span>href</span><span>=""</span><span>></</span><span>a</span><span>></span><span>
a>{我是链接标题}
 </span><span><</span><span>a </span><span>href</span><span>=""</span><span>></span>我是链接标题<span></</span><span>a</span><span>></span><span>
link
 </span><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><span>ul</span><span>></span><span><</span><span>li </span><span>class</span><span>="item1"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item2"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item3"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item4"</span><span>></</span><span>li</span><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><span>ul</span><span>></span><span><</span><span>li </span><span>class</span><span>="item01"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item02"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item03"</span><span>></</span><span>li</span><span>></span><span><</span><span>li </span><span>class</span><span>="item04"</span><span>></</span><span>li</span><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><span>header</span><span>></span><span><</span><span>ul </span><span>class</span><span>="nav"</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><span>></span><span><</span><span>li</span><span>></</span><span>li</span><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><span>article</span><span>></</span><span>article</span><span>></span><span><</span><span>footer</span><span>></</span><span>footer</span><span>></span>

로그인 후 복사