欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Notepad++快捷鍵&正則表達(dá)式替換字符串&插件使用介紹

  發(fā)布時間:2013-11-12 19:10:14   作者:佚名   我要評論
Notepad++絕對是windows下進(jìn)行程序編輯的神器之一,要更快速的使用以媲美VIM,必須靈活掌握它的快捷鍵,下面對notepad++默認(rèn)的快捷鍵做個整理(其中有顏色的為常用招數(shù))

Notepad++絕對是windows下進(jìn)行程序編輯的神器之一,要更快速的使用以媲美VIM,必須靈活掌握它的快捷鍵,下面對notepad++默認(rèn)的快捷鍵做個整理(其中有顏色的為常用招數(shù)):

1. 文件相關(guān)

快捷鍵動作定義
Ctrl-O打開文件
Ctrl-N新建文件
Ctrl-S保存文件
Ctrl-Alt-S文件另存為
Ctrl-Shift-S保存所有打開文件
Ctrl-P打印
Alt-F4退出程序
Ctrl-Tab文件標(biāo)簽跳轉(zhuǎn),跳至下一個打開文件
Ctrl-Shift-Tab文件標(biāo)簽跳轉(zhuǎn),跳至上一個打開文件
Ctrl-W關(guān)閉當(dāng)前文件

2.編輯相關(guān)

快捷鍵動作定義
Ctrl-C復(fù)制
Ctrl-Insert同上,復(fù)制
Ctrl-Shift-T復(fù)制當(dāng)前行至剪貼板
Ctrl-X剪切
Shift-Delete同上,剪切
Ctrl-V粘帖
Shift-Insert同上,粘帖
Ctrl-Z撤銷上一次操作
Alt-Backspace同上
Ctrl-Y重做,注:撤銷后,重做剛剛撤銷的動作
Ctrl-A全選

Alt-Shift-方向鍵 或 Alt + 鼠標(biāo)左鍵

列選擇模式
Ctrl + 鼠標(biāo)左鍵非連續(xù)性的多區(qū)域選擇
ALT-C列編輯器
Ctrl-D復(fù)制當(dāng)前行至下方,或者復(fù)制選中區(qū)域至其后
Ctrl-T復(fù)制當(dāng)前行至剪貼板(注:幫助中說是將當(dāng)前行與上一行交換位置)
 Ctrl-Alt-T 與上一行進(jìn)行交換
Ctrl-Shift-Up將當(dāng)前行上移一行
Ctrl-Shift-Down將當(dāng)前行下移一行
Ctrl-L刪除當(dāng)前行
Ctrl-I-(注:幫助中是分割多行,不過最新版中不起作用)
Ctrl-J合并多行(注:使用時要選擇中需要合并的行)
Ctrl-G跳轉(zhuǎn)至某行對話框
Ctrl-Q添加/刪除注釋
Ctrl-Shift-Q區(qū)塊添加/刪除注釋
Tab (selection of one or more full lines)插入Tab
Shift-Tab (selection of one or more full lines)刪除位置之前的Tab
Ctrl-BackSpace刪除當(dāng)前位置至單詞開始的內(nèi)容
Ctrl-Delete刪除當(dāng)前位置至單詞結(jié)尾的內(nèi)容
Ctrl-Shift-BackSpace刪除當(dāng)前位置至行首的內(nèi)容
Ctrl-Shift-Delete刪除當(dāng)前位置至行尾的內(nèi)容
Ctrl-U轉(zhuǎn)換為小寫
Ctrl-Shift-U轉(zhuǎn)換為大寫
Ctrl-B跳轉(zhuǎn)至配對的括號
Ctrl-Space觸發(fā)函數(shù)自動完成列表
Ctrl-Shift-Space觸發(fā)函數(shù)參數(shù)提示
Ctrl-Enter觸發(fā)關(guān)鍵字自動完成列表
Ctrl-Alt-R整個頁面文字方向從右到左
Ctrl-Alt-L整個頁面文字方向從左到右(注:在安裝了zencoding后,此快捷鍵可能被覆蓋)
Enter回車
Shift-Enter同上

建議添加一個快捷鍵用來復(fù)制當(dāng)前行至下一行:

在設(shè)置->快捷鍵管理中,選擇scintilla commands中,找到SCI_LINEDUPLICATE,給它指定一個快捷鍵,例如Ctrl+M

3.搜索相關(guān)

快捷鍵動作定義
Ctrl-F打開搜索對話框
Ctrl-H打開替換搜索對話框
F3搜索下一個結(jié)果
Shift-F3搜索上一個結(jié)果
Ctrl-Shift-F文件中搜索
F7調(diào)到尋找結(jié)果
Ctrl-Alt-F3快速查找下一個
Ctrl-Alt-Shift-F3快速查找上一個
Ctrl-F3選定并尋找下一個
Ctrl-Shift-F3選定并尋找上一個
F4下一次尋找結(jié)果
Shift-F4上一次尋找結(jié)果
Ctrl-Shift-I增量查找
Ctrl-n跳至下一個結(jié)果,用第n個風(fēng)格標(biāo)識(n為1~5,0是默認(rèn)風(fēng)格)
Ctrl-Shift-n跳至上一個結(jié)果,用第n個風(fēng)格標(biāo)識(n為1~5,0是默認(rèn)風(fēng)格)
Ctrl-F2收縮展開標(biāo)簽
F2跳至下一個標(biāo)簽處
Shift-F2跳至上一個標(biāo)簽處

4.顯示相關(guān)

快捷鍵定義內(nèi)容

Ctrl-(Keypad-/Keypad+)或者Ctrl+鼠標(biāo)滾輪

放大/縮小頁面
Ctrl-Keypad/回復(fù)到原始頁面大小
F11開關(guān)全屏顯示(顯示標(biāo)簽頁)
F12開關(guān)全屏顯示(不顯示標(biāo)簽頁)
Ctrl-Alt-F收縮當(dāng)前折疊
Ctrl-Alt-Shift-F展開當(dāng)前折疊
Alt-0收縮所有折疊
Alt-(1~8)展開相應(yīng)層折疊
Alt-Shift-0展開所有折疊
Alt-Shift-(1~8)展開所有層次折疊

 5.運行相關(guān)

快捷鍵定義內(nèi)容
F5打開運行窗口
Alt-F1獲得PHP幫助
Alt-F2用Google搜索
Alt-F3用Wiki搜索哦
Alt-F5在本標(biāo)簽頁中打開當(dāng)前目錄中,與光標(biāo)位置文本同名的文件
Alt-F6在新標(biāo)簽頁中打開當(dāng)前目錄中,與光標(biāo)位置文本同名的文件
Ctrl-Alt-Shift-R在Chrome中打開
Ctrl-Alt-Shift-X在Firefox中打開
Ctrl-Alt-Shift-I在IE中打開
Ctrl-Alt-Shift-F在Safari中打開
Ctrl-Alt-Shift-O通過Outlook發(fā)送當(dāng)前文件

 
 

[轉(zhuǎn)]notepad++正則表達(dá)式替換字符串詳解

表達(dá)式 說明
\t 制表符.
\n 新行.
. 匹配任意字符.
| 匹配表達(dá)式左邊和右邊的字符. 例如, “ab|bc” 匹配 “ab” 或者 “bc”.
[] 匹配列表之中的任何單個字符. 例如, “[ab]” 匹配 “a” 或者 “b”. “[0-9]” 匹配任意數(shù)字.
[^] 匹配列表之外的任何單個字符. 例如, “[^ab]” 匹配 “a” 和 “b” 以外的字符. “[^0-9]” 匹配任意非數(shù)字字符.
* 其左邊的字符被匹配任意次(0次,或者多次). 例如 “be*” 匹配 “b”, “be” 或者 “bee”.
+ 其左邊的字符被匹配至少一次(1次,或者多次). 例如 “be+” 匹配 “be” 或者 “bee” 但是不匹配 “b”.
? 其左邊的字符被匹配0次或者1次. 例如 “be?” 匹配 “b” 或者 “be” 但是不匹配 “bee”.
^ 其右邊的表達(dá)式被匹配在一行的開始. 例如 “^A” 僅僅匹配以 “A” 開頭的行.
其左邊的表達(dá)式被匹配在一行的結(jié)尾. 例如 "e” 僅僅匹配以 “e” 結(jié)尾的行.
() 影響表達(dá)式匹配的順序,并且用作表達(dá)式的分組標(biāo)記.
\ 轉(zhuǎn)義字符. 如果你要使用 “\” 本身, 則應(yīng)該使用 “\\”.

例子:

原始串
str[1]abc[991];
str[2]abc[992];
str[11]abc[993];
str[22]abc[994];
str[111]abc[995];
str[222]abc[996];
str[1111]abc[997];
str[2222]abc[999];

目標(biāo)串:
abc[1];
abc[2];
abc[11];
abc[22];
abc[111];
abc[222];
abc[1111];
abc[2222];

處理:
查找串:str

  \[([0-9]+)\]

abc

  \[[0-9]+\]

替換串:abc[\1]

【1】正則表達(dá)式應(yīng)用——替換指定內(nèi)容到行尾
原始文本如下面兩行
abc aaaaa
123 abc 444

希望每次遇到“abc”,則替換“abc”以及其后到行尾的內(nèi)容為“abc efg”
即上面的文本最終替換為:
abc efg
123 abc efg

解決:
① 在替換對話框,查找內(nèi)容里輸入“abc.*”
② 同時勾選“正則表達(dá)式”復(fù)選框,然后點擊“全部替換”按鈕
其中,符號的含義如下:
“.” =匹配任意字符
“*” =匹配0次或更多

注意:其實就是正則表達(dá)式替換,這里只是把一些曾經(jīng)提出的問題加以整理,單純從正則表達(dá)式本身來說,就可以引申出成千上萬種特例。

【2】正則表達(dá)式應(yīng)用——數(shù)字替換
希望把
asdadas123asdasdas456asdasdasd789asdasd
替換為:
asdadas[123]asdasdas[456]asdasdasd[789]asdasd

在替換對話框里面,勾選“正則表達(dá)式”復(fù)選框;
在查找內(nèi)容里面輸入“[0-9][0-9][0-9]”,不含引號
“替換為:”里面輸入“[\0\1\2]”,不含引號
范圍為你所操作的范圍,然后選擇替換即可。

實際上這也是正則表達(dá)式的使用特例,“[0-9]”表示匹配0~9之間的任何特例,同樣“[a-z]”就表示匹配a~z之間的任何特例
上面重復(fù)使用了“[0-9]”,表示連續(xù)出現(xiàn)的三個數(shù)字
“\0”代表第一個“[0-9]”對應(yīng)的原型,“\1”代表第二個“[0-9]”對應(yīng)的原型,依此類推
“[”、“]”為單純的字符,表示添加“[”或“]”,如果輸入“其它\0\1\2其它”,則替換結(jié)果為:

asdadas其它123其它asdasdas其它456其它asdasdasd其它789其它asdasd

功能增強(by jiuk2k):
如果將查找內(nèi)容“[0-9][0-9][0-9]”改為“[0-9]*[0-9]”,對應(yīng)1 或 123 或 12345 或 …
大家根據(jù)需要定制

相關(guān)內(nèi)容還有很多,可以自己參考正則表達(dá)式的語法仔細(xì)研究一下

【3】正則表達(dá)式應(yīng)用——刪除每一行行尾的指定字符
因為這幾個字符在行中也是出現(xiàn)的,所以肯定不能用簡單的替換實現(xiàn)
比如
12345 1265345
2345
需要刪除每行末尾的“345”
這個也算正則表達(dá)式的用法,其實仔細(xì)看正則表達(dá)式應(yīng)該比較簡單,不過既然有這個問題提出,說明對正則表達(dá)式還得有個認(rèn)識過程,解決方法如下
解決:
在替換對話框中,啟用“正則表達(dá)式”復(fù)選框
在查找內(nèi)容里面輸入“345'' 這里``”表示從行尾匹配

如果從行首匹配,可以用“^”來實現(xiàn),不過 EditPlus 有另一個功能可以很簡單的刪除行首的字符串
a. 選擇要操作的行
b. 編輯-格式-刪除行注釋
c. 在彈出對話框里面輸入要清除的行首字符,確定

【4】正則表達(dá)式應(yīng)用——替換帶有半角括號的多行
幾百個網(wǎng)頁中都有下面一段代碼:
\n
在替換對話框啟用“正則表達(dá)式”選項,這時就可以完成替換了

【5】正則表達(dá)式應(yīng)用——刪除空行
啟動EditPlus,打開待處理的文本類型文件。
①、選擇“查找”菜單的“替換”命令,彈出文本替換對話框。選中“正則表達(dá)式”復(fù)選框,表明我們要在查找、替換中使用正則表達(dá)式。然后,選中“替換范圍” 中的“當(dāng)前文件”,表明對當(dāng)前文件操作。
②、單擊“查找內(nèi)容”組合框右側(cè)的按鈕,出現(xiàn)下拉菜單。
③、下面的操作添加正則表達(dá)式,該表達(dá)式代表待查找的空行。(技巧提示:空行僅包括空格符、制表符、回車符,且必須以這三個符號之一作為一行的開頭,并且 以回車符結(jié)尾,查找空行的關(guān)鍵是構(gòu)造代表空行的正則表達(dá)式)。
直接在”查找”中輸入正則表達(dá)式“^[ \t]*\n”,注意\t前有空格符。
(1)選擇“從行首開始匹配”,“查找內(nèi)容”組合框中出現(xiàn)字符“^”,表示待查找字符串必須出現(xiàn)在文本中一行的行首。
(2)選擇“字符在范圍中”,那么在“^”后會增加一對括號“[]”,當(dāng)前插入點在括號中。括號在正則表達(dá)式中表示,文本中的字符匹配括號中任意一個字符 即符合查找條件。
(3)按一下空格鍵,添加空格符??崭穹强招械囊粋€組成成分。
(4)選擇“制表符”,添加代表制表符的“\t”。
(5)移動光標(biāo),將當(dāng)前插入點移到“]”之后,然后選擇“匹配 0 次或更多”,該操作會添加星號字符“*”。星號表示,其前面的括號“[]”內(nèi)的空格符或制表符,在一行中出現(xiàn)0個或多個。
(6)選擇“換行符”,插入“\n”,表示回車符。
④、“替換為”組合框保持空,表示刪除查找到的內(nèi)容。單擊“替換”按鈕逐個行刪除空行,或單擊“全部替換”按鈕刪除全部空行(注意:EditPlus有時 存在“全部替換”不能一次性完全刪除空行的問題,可能是程序BUG,需要多按幾次按鈕)。

1.在漢化的時候,是否經(jīng)常碰到這樣的語句需要翻譯:

Code:
“Error adding the post!”;
“Error adding the comment!”;
“Error adding the user!”;

如果有很多類似的文件一個一個翻譯顯然很累而且感覺很無聊。

其實可以這樣處理,在Editplus里面用 替換 功能,在替換對話框選中“正則表達(dá)式”復(fù)選框:
查找原文件:

Code:
“Error adding ([^!|"|;]*)

替換成:

Code:
“在增加\1時發(fā)生錯誤

這樣替換之后發(fā)生了什么?結(jié)果是:

Code:
“在增加the post時發(fā)生錯誤!”;
“在增加the comment時發(fā)生錯誤!”;
“在增加the user時發(fā)生錯誤!”;

ok,接下來你會怎么做?當(dāng)然再替換一次把the post、the comment、the user替換成你要翻譯的詞。得到最后的結(jié)果:

Code:
“在增加帖子時發(fā)生錯誤!”;
“在增加評論時發(fā)生錯誤!”;
“在增加用戶時發(fā)生錯誤!”;

2.要提取的單詞在中間,比如:

Code:
can not be deleted because
can not be added because
can not be updating because

可以用這種方式:
在Editplus里面用 替換 功能,在替換對話框選中“正則表達(dá)式”復(fù)選框:
查找原文件:

Code:
can not be ([^ ]*) because

替換成:

Code:
無法被\1因為

這樣替換之后發(fā)生了什么?結(jié)果是:

Code:
無法被deleted因為
無法被added因為
無法被updating因為

其余步驟如上。

在漢化量很大而且句式比較單調(diào)的情況下對效率的提高很明顯!

解釋一下:([^!|"|;]*) 的意思是 不等于 ! 和 ” 和 ; 中的任何一個,意思就是這3個字符之外的所有字符將被選中(替換區(qū)域);
\1 即被選中的替換區(qū)域所在的新位置(復(fù)制到這個新位置)。

3.經(jīng)常手工清理一行一行地刪除文本文件里面的空白行,其實可以交給Editplus更好的完成,在Editplus里面用替換功能,在替換對話框選中 “正則表達(dá)式”復(fù)選框:
查找原文件:

Code:
^[ \t]*\n

替換部分為空就可以刪除空白行了,執(zhí)行一下看看:)

abandon[2''b9nd2n]v.拋棄,放棄
abandonment[2''b9nd2nm2nt]n.放棄
abbreviation[2bri:vi''ei62n]n.縮寫
abeyance[2''bei2ns]n.緩辦,中止
abide[2''baid]v.遵守
ability[2''biliti]n.能力
able[''eibl]adj.有能力的,能干的
abnormal[9b''n0:m2l]adj.反常的,變態(tài)的
aboard[2''b0:d]adv.船(車)上

1.
查找: (^[a-zA-Z0-0\-]+)(

  \[*.*\]

+)(.*)
替換: @@@@@”\1″,”\2″,”\3″,
效果:
@@@@@”abandon”,”[2''b9nd2n]“,”v.拋棄,放棄”,
@@@@@”abandonment”,”[2''b9nd2nm2nt]“,”n.放棄”,
@@@@@”abbreviation”,”[2bri:vi''ei62n]“,”n.縮寫”,
@@@@@”abeyance”,”[2''bei2ns]“,”n.緩辦,中止”,
@@@@@”abide”,”[2''baid]“,”v.遵守”,
@@@@@”ability”,”[2''biliti]“,”n.能力”,
@@@@@”able”,”[''eibl]“,”adj.有能力的,能干的”,
@@@@@”abnormal”,”[9b''n0:m2l]“,”adj.反常的,變態(tài)的”,
@@@@@”aboard”,”[2''b0:d]“,”adv.船(車)上”,

2.
查找: \n
替換:
注: 要次替換內(nèi)容為空
效果:
@@@@@”abandon”,”[2''b9nd2n]“,”v.拋棄,放棄 ”,@@@@@”abandonment”,”[2''b9nd2nm2nt]“,”n.放棄 ”,@@@@@”abbreviation”,”[2bri:vi''ei62n]“,”n.縮寫 ”,@@@@@”abeyance”,”[2''bei2ns]“,”n.緩辦,中止”,@@@@@”abide”,”[2''baid]“,”v.遵守 ”,@@@@@”ability”,”[2''biliti]“,”n.能力”,@@@@@”able”,”[''eibl]“,”adj.有能力的,能 干的 ”,@@@@@”abnormal”,”[9b''n0:m2l]“,”adj.反常的,變態(tài)的 ”,@@@@@”aboard”,”[2''b0:d]“,”adv.船(車)上”,@@@@@”abolish”,”[2''b0li6]“,”v.廢 除,取消”,@@@@@”abolition”,”[9b2''li62n]“,”n.廢除,取消”

3.
查找: @@@@@
替換: \n
效果:
“abandon”,”[2''b9nd2n]“,”v.拋棄,放棄”,
“abandonment”,”[2''b9nd2nm2nt]“,”n.放棄”,
“abbreviation”,”[2bri:vi''ei62n]“,”n.縮寫”,
“abeyance”,”[2''bei2ns]“,”n.緩辦,中止”,
“abide”,”[2''baid]“,”v.遵守”,
“ability”,”[2''biliti]“,”n.能力”,
“able”,”[''eibl]“,”adj.有能力的,能干的”,
“abnormal”,”[9b''n0:m2l]“,”adj.反常的,變態(tài)的”,
“aboard”,”[2''b0:d]“,”adv.船(車)上”,

“abolish”,”[2''b0li6]“,”v.廢除,取消”,

Zen Coding 讓 Notepad++ 代碼書寫健步如飛(XML CSS應(yīng)用)

Notepad++ 是一款無比輕巧便捷的代碼編輯工具。它無可挑剔的啟動速度,優(yōu)秀的語法高亮,干凈整齊的代碼縮進(jìn),便捷的括號高亮匹配贏得了無數(shù)人的喜愛。

但,不知道有多少同學(xué)跟我一樣,在coding 時被 Notepad++ 粗陋的代碼自動補全折磨的體無完膚(Notepad++那甚至不能叫自動完成)。雖然無比羨慕諸如Dreamweaver之類的代碼自動完成,但固于上述提到的幾點Notepad++的優(yōu)秀之處,糾結(jié)中毅然依舊堅守Notepad++。而 Zen Coding 的橫空出世,總算終結(jié)了這種糾結(jié),讓我們得以以一種無比帥氣的方式書寫代碼。

先看一段演示視頻吧(建議反復(fù)觀摩,其中演示了 Zen Coding 的各種典型用法)
 

http://http://v.youku.com/v_show/id_XMTgxNTMzMjI0.html

 

Notepad++安裝 Zen Coding 插件

下載 Zen.Coding-Notepad++.v0.6.1.zip 解壓

將解壓所得的文件放入 Notepad++ 程序的安裝目錄下的plugins文件夾。

重啟Notepad++,即可開始使用 Zen Coding。

Zen Coding 用法

首先,我們先學(xué)習(xí)一下 Zen Coding 的縮寫規(guī)則 (其實就是CSS選擇器)


元素名 (div, p);E#id 
帶id的元素 (div#content, p#intro, span#error);E.class 
帶class的元素 (div.header, p.error.critial). id 和 class 可以連寫,如: div#content.column.width;E>N 
子元素 (div>p, div#footer>p>span);E+N 
兄弟元素 (h1+p, div#header+div#content+div#footer);E*N 
多項元素 (ul#nav>li*5>a);E$*N 
帶序號的元素 (ul#nav>li.item-$*5);

接下來,我們來熟悉 Zen Coding for Notepad++ 的快捷鍵,也是 Zen Coding 的精髓

【Ctrl+E】 展開縮寫(Expand Abbreviation)

比如寫下 div#page>div.logo+ul>li*3>a ,按一下 Ctrl+E,立馬就可以轉(zhuǎn)化成:

<div id="page"><div class="logo"></div><ul id="navigation"><li><a href=""></a></li><li><a href=""></a></li><li><a href=""></a></li></ul></div>

【Ctrl+Shift+A】 嵌套代碼(Wrap with Abbreviation)

比如,我們想讓寫好的 <p>hello world</p> ,想在外層再套一個div,只需按下【Ctrl+Shift+A】,在彈出的對話框中輸入: div.wrap,回車。此標(biāo)簽就能自動被嵌套。

甚至,我們可以玩的更炫一些,寫好三行列表內(nèi)容,此時沒有任何標(biāo)簽。只需按下【Ctrl+Shift+A】,輸入ul>li* ,回車。這三行內(nèi)容就能自動被ul li 嵌套起來。(不僅限于 li 列表哦)

【Ctrl+Shift+D】選中代碼塊(Balance Tag Inward/Outward)

選中當(dāng)前光標(biāo)所在的代碼塊,長按可依次選中父塊

【Ctrl+Alt+[ , Ctrl+Alt+]】 轉(zhuǎn)到上一個/下一個編輯點(Go to Next/Previous Edit Point)

按下可以依次跳到可輸入內(nèi)容的編輯點,省去了不停按方向鍵或鼠標(biāo)來定位編輯點的麻煩。

【Ctrl+Alt+M 】合并行(Merge Lines)

將選中的多行代碼合并為一行。壓縮css、js代碼為一行時,這個很方便。Ctrl+A,然后Ctrl+Alt+M,兩下即可搞定,免去了動用壓縮工具的麻煩。(當(dāng)然這個只是簡單地將代碼合并為一行,并不能做更深入的代碼壓縮)

【Alt+/ 】添加、移除注釋(Toggle Comment)

注釋掉光標(biāo)所在的代碼塊 (Notepad++ 自帶的Ctrl+Shift+Q也可以用來注釋代碼)

【Ctrl+’ 】空標(biāo)簽轉(zhuǎn)化(Split/Join Tag)

比如將 <div class="test"></div> 轉(zhuǎn)化為 <div class="test"/>, 反向亦可。

【Ctrl+Shift+’ 】移除標(biāo)簽(Remove Tag)

比如將 <div class="test">hello world</div> 移除div標(biāo)簽,留下hello world。 
好了,目前 Notepad++ 的 Zen Coding 只有這幾個快捷鍵,下面介紹一些常用到的縮寫

不知道大家新建一個html 頁面時,是如何輸入文檔聲明和 head 那一坨東西的?,F(xiàn)在有了Zen Coding,只需輸入幾個字母就能立馬生成相應(yīng)文檔聲明的 html 結(jié)構(gòu)框架

html:4t (HTML 4.01 Transitional)html:4s (HTML 4.01)html:xt (XHTML 1.0)html:xs (XHTML 1.0 Strict)html:xxs (XHTML 1.1)html:5 (HTML5)

head 中常用到的一些縮寫

meta:utf, meta:compatstyle, link:css, link:print, link:favicon, link:rss,script, script:src

body 中會常用到的縮寫

諸如 div, p, a, ul, ol, input:t, input:r 等等

其中,類似 ul+ 的形式可展開為(+號可自動生產(chǎn)默認(rèn)的子元素)

<ul>    <li></li></ul>

類似的還有 ol+, dl+, table+, tr+, select+, map+, optg+ 等

IE 條件注釋:

cc:ie6, cc:ie, cc:noie

下邊是一些典型用法示例:

div#name.one.two =><div id="name" class="one two"></div>
[title="Hello world" rel]  =><a href="" title="hello world" rel=""></a> 
td[colspan=2] =><td colspan="2"></td>
li.item$*3  =><li class="item1"></li><li class="item2"></li><li class="item3"></li> 
li.item$ =><li class="item001"></li>
 li.item-$-content*3 =><li class="item-1-content"></li><li class="item-2-content"></li><li class="item-3-content"></li> 
#content>.section =><div id="content"><div class="section"></div></div>

如果你寫了這么一串出來,那么一個頁面的基本結(jié)構(gòu)就出來了:

div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer 

此外【|e】 可以輸出轉(zhuǎn)義字符

&lt;div id="wrap"&gt;    &lt;div class="content"&gt;        &lt;p&gt;&lt;/p&gt;    &lt;/div&gt;&lt;/div&gt;

div#wrap>div.content>p|e|e 可轉(zhuǎn)化為:

&amp;lt;div id=&quot;wrap&quot;&amp;gt;    &amp;lt;div class=&quot;content&quot;&amp;gt;        &amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;    &amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;

以上介紹的僅僅是有關(guān)HTML的縮寫,CSS的縮寫就更多了,建議查看 Zen Coding 小抄,學(xué)習(xí)CSS 的 Zen Coding 方式

自己編寫縮寫規(guī)則

plugins\NppScripting\includes\Zen Coding.js

在其中對應(yīng)位置仿照已有規(guī)則添加自己的縮寫規(guī)則。也可以修改縮寫規(guī)則更符合自己的習(xí)慣。

即使你不編寫自己的縮寫規(guī)則,也強烈建議你閱讀此文件,熟悉 Zen Coding 自帶的一些縮寫規(guī)則,讓代碼書寫更加事半功倍~

最后,Zen Coding 不僅有Notepad++版,Aptana、UltraEdit、Dreamweaver也有相應(yīng)版本,速速前往 官方下載頁查找是否有你常用的編輯器的Zen Coding插件吧~


——————————————————————————————

Notepad++插件

附帶的Plugin Manager插件 

http://www.brotherstone.co.uk/npp/pm/
 

XML Tools

這個插件是包含了很多XML編輯方面的實用工具。比如XML語法規(guī)則檢查,XML Schema和DTD確認(rèn),XML標(biāo)簽自動關(guān)閉,當(dāng)前XML路徑,XML和Text轉(zhuǎn)換,注釋和非注釋切換等等。

Insertion

這是一個主要用于演示的插件,適合初次開發(fā)者用于實例學(xué)習(xí)。它的功能是插入當(dāng)前文檔的名稱和日期時間,以及自動關(guān)閉html/XML標(biāo)簽。

Doc Updater

每三秒自動更新你Notepad++中打開的文檔。

TextFx

TextFx是預(yù)裝在Notepad++中的一個插件,功能非常強大,包括各種代碼的轉(zhuǎn)換、插入、優(yōu)化、格式化和驗證等等,能很方便的提高你的工作效率。 

SearchInFiles

一個友好的Notepad++文件搜索工具。

QuickText

一個非常出色的代碼片段管理器,支持Notepad++所支持的所有語言類型。

Spell-checker

拼寫檢查工具. 需要先安裝Aspell。

NppExec

使用NppExec插件,你可以不需要離開Notepad++即可運行你的命令行或保存腳本,大大提高你的效率。

Compare Plugin

一個非常實用的工具,可以用來比較兩個文件不同之處.

DBGP plugin

你可以使用這個插件把你的 Notepad++ 變成一個php IDE。

MultiClipboard

Notepad的剪貼板功能增強插件。

FTP_synchronize

一個集成于Notepad++的FTP客戶端。

Gmod 10 Lua Syntax Highlighter

Notepad++的一個語法高亮插件。

SpeechPlugin

文本轉(zhuǎn)語音朗誦插件。

Log plugin

這個插件可以讓Notepad++實現(xiàn)Windows內(nèi)置記事本的一個功能 : 當(dāng)文件為.log,每次打開后可以附加日期和時間。

    下面介紹Notepad++的svn插件的安裝及使用。

    如圖12,點擊Plugin --> Plugin Manager --> Show Plugin Manager

    打開后,在“Available”頁找到“Subversion”,然后點擊“Install”,如圖13所示:

    安裝成功后會在Plugins菜單下出現(xiàn)"Subversion"子菜單。

    打開之前checkout下來的任一文件,編輯完成后,
    點擊Plugins --> Subversion --> Commit File(或使用快捷鍵Ctrl+Alt+A)

  輸入Log Message,點擊“OK”即可提交。

相關(guān)文章

最新評論