欧美xxxx在线观看,www.精品国产,久久精品伊人http://www.aygfsteel.com/Hafeyang/category/52363.html前端來源于不斷的點(diǎn)滴積累。我一直在努力。zh-cnThu, 31 Oct 2013 05:01:16 GMTThu, 31 Oct 2013 05:01:16 GMT60sublime text 2 (四) Emmet(之前叫Zencoding)的安裝以及新特征http://www.aygfsteel.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.html衡鋒衡鋒Sat, 19 Jan 2013 13:06:00 GMThttp://www.aygfsteel.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.htmlhttp://www.aygfsteel.com/Hafeyang/comments/394449.htmlhttp://www.aygfsteel.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.html#Feedback10http://www.aygfsteel.com/Hafeyang/comments/commentRss/394449.htmlhttp://www.aygfsteel.com/Hafeyang/services/trackbacks/394449.html閱讀全文

衡鋒 2013-01-19 21:06 發(fā)表評論
]]>
sublime text 2 (三) 在sublime text 2 中寫coffeescripthttp://www.aygfsteel.com/Hafeyang/archive/2012/10/25/using_sublime_text_2_coffeescript_plugin_in_windows.html衡鋒衡鋒Thu, 25 Oct 2012 15:56:00 GMThttp://www.aygfsteel.com/Hafeyang/archive/2012/10/25/using_sublime_text_2_coffeescript_plugin_in_windows.htmlhttp://www.aygfsteel.com/Hafeyang/comments/390243.htmlhttp://www.aygfsteel.com/Hafeyang/archive/2012/10/25/using_sublime_text_2_coffeescript_plugin_in_windows.html#Feedback3http://www.aygfsteel.com/Hafeyang/comments/commentRss/390243.htmlhttp://www.aygfsteel.com/Hafeyang/services/trackbacks/390243.html閱讀全文

衡鋒 2012-10-25 23:56 發(fā)表評論
]]>
sublime text 2學(xué)習(xí)(二):創(chuàng)建可復(fù)用的代碼片段http://www.aygfsteel.com/Hafeyang/archive/2012/08/17/how_to_create_code_snippet_in_subline_text_2.html衡鋒衡鋒Fri, 17 Aug 2012 05:30:00 GMThttp://www.aygfsteel.com/Hafeyang/archive/2012/08/17/how_to_create_code_snippet_in_subline_text_2.htmlhttp://www.aygfsteel.com/Hafeyang/comments/385686.htmlhttp://www.aygfsteel.com/Hafeyang/archive/2012/08/17/how_to_create_code_snippet_in_subline_text_2.html#Feedback3http://www.aygfsteel.com/Hafeyang/comments/commentRss/385686.htmlhttp://www.aygfsteel.com/Hafeyang/services/trackbacks/385686.html對于前端工程師來講,寫一個html頁面的基本結(jié)構(gòu)是體力活,每次去拷貝一個也麻煩,sublime text 2 提供了一個很好的復(fù)用代碼片段。下面介紹一下創(chuàng)建一個html5的代碼片段的過程。

在菜單上點(diǎn)擊Tools -> New Snippet,會新建一個xml文件頁簽:
<snippet>
    
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    
<!-- <tabTrigger>hello</tabTrigger> -->
    
<!-- Optional: Set a scope to limit where the snippet will trigger -->
    
<!-- <scope>source.python</scope> -->
</snippet>

注釋已經(jīng)說的比較詳細(xì)了。

content 里面就是代碼模版:${序號:默認(rèn)值} ,序號相同的地方光標(biāo)會同時停在那可以多處同時編輯。序號大小就是tabindex。在實(shí)際使用代碼的時候,可以使用tab切換光標(biāo)位置。

tabTrigger是指輸入該字符串后tab就是在光標(biāo)插入content中的內(nèi)容。

scope是指在何種文件類型中使用。

下面是html5代碼片段的定義:

<snippet>
    
<content><![CDATA[
<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>${1}</title> 
</head>
<body>
    <h1>${1}</h1>
    Hello, ${2:this} is a ${3:snippet}.
</body>
</html>
]]></content>
    
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    
<tabTrigger>html5</tabTrigger>
    
<!-- Optional: Set a scope to limit where the snippet will trigger -->
    
<!-- <scope>source.python</scope> -->
</snippet>

編輯完之后保存為 C:\Users\[用戶]\AppData\Roaming\Sublime Text 2\Packages\User\html5.sublime-snippet  (Win7下) 默認(rèn)的保存路徑就行。后綴必須是.sublime-snippet。

保存完重啟Sublime text 2,新建文件:輸入html5,tab會出現(xiàn)如下效果:



${1}出現(xiàn)了兩次,所以光標(biāo)同時編輯圖中兩處。
${2:this},所以在2處出現(xiàn)this默認(rèn)值。${1}處編輯完按tab就到${2}處。

OK, That's all。









衡鋒 2012-08-17 13:30 發(fā)表評論
]]>
sublime text 2 學(xué)習(xí)(一):快捷鍵,小技巧for前端工程師(持續(xù)更新)http://www.aygfsteel.com/Hafeyang/archive/2012/08/09/sublime_text_2_short_key_and_trick_for_frontend_engineer.html衡鋒衡鋒Thu, 09 Aug 2012 05:22:00 GMThttp://www.aygfsteel.com/Hafeyang/archive/2012/08/09/sublime_text_2_short_key_and_trick_for_frontend_engineer.htmlhttp://www.aygfsteel.com/Hafeyang/comments/384754.htmlhttp://www.aygfsteel.com/Hafeyang/archive/2012/08/09/sublime_text_2_short_key_and_trick_for_frontend_engineer.html#Feedback5http://www.aygfsteel.com/Hafeyang/comments/commentRss/384754.htmlhttp://www.aygfsteel.com/Hafeyang/services/trackbacks/384754.html
Ctrl+W 關(guān)閉當(dāng)前頁簽,很通用。
Ctrl+Shift+W關(guān)閉所有頁簽,估計能猜到。

Ctrl+Shift+v 粘貼并且格式化,比較實(shí)用。

Ctrl+[ 減少縮進(jìn)
Ctrl+] 增加縮進(jìn)

Ctrl+k,Ctrl+u 先按Ctrl+K,再按Ctrl+U,大寫,這有點(diǎn)不習(xí)慣
Ctrl+k,Ctrl+l 小寫

ctrl+left,ctrl+right 先左/右移動一個單詞,VI中的W,B

Ctrl+Shift+up ,當(dāng)前上上移一行,跟Eclipse一樣
Ctrl+Shift+down,不說了

Ctrl+Shift+K 刪除當(dāng)前選中行,后來發(fā)現(xiàn)Ctrl+X也可以,Eclipse里面的Ctrl+D。
Ctrl+Shift+D 復(fù)制當(dāng)前選中行,程序員的摯愛
Ctrl+D 是高亮光標(biāo)所在詞,類似VIM中的#

Ctrl+M 到匹配的{[( 與vim 中的%一致
Ctrl+Shift+M 可以選中{[(內(nèi)容,類似vim中的va( vi{

Ctrl+J join rows 合并選中行
Ctrl+Shift+J 打散行

Ctrl+Shift+T 旋轉(zhuǎn)功能這個標(biāo)簽內(nèi)容 vim中的vat
Ctrl+shift+a 選中匹配的標(biāo)簽

Ctrl+T 可以選中多行,然后講這些行順序反轉(zhuǎn)。如果沒有選中多行,會講光標(biāo)前后的字母換順序。

雙擊選中一個單詞,Ctrl+F3跳至下一個匹配處,F(xiàn)3上一個匹配處。

F11,我最喜歡的全屏快捷鍵。
Shift+F11更狠,只編輯當(dāng)前的文件。免打擾模式。兩耳清靜。

alt+. 如果輸入<div> 然后alt+. 可以自動完成這個tag,變成<div></div>

Ctrl+/ Ctrl+Shift+/ 注釋/取消注釋,各種語言都行。

一個小技巧:選中一個單詞如abc ,然后輸入" 這樣 會變成"abc",同理還可以用( { [ '

Ctrl+shift+P 調(diào)出一個功能列表,可以探索一些好玩的功能,比如我找到了這個功能:HTML:Encoding Special Characters。選中 & 運(yùn)行一下可以變成 &amp;

Ctrl+P 會調(diào)出一個對話框框,下拉選項中有當(dāng)前打開的文件,可以切換,文本框非常強(qiáng)大,輸入@funcName 可以直接到函數(shù)定義處,輸入#key 可以直接查找,輸入:行數(shù)可以直接到某行,也可以用快捷鍵Ctrl+g

安裝了ZenCoding之后可以使用的快捷鍵: 安裝教程

Ctrl+alt+Enter,zencoding開始了
alt+shift+W 環(huán)繞選中內(nèi)容


官方文檔中有快捷鍵列表:http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_win.html







衡鋒 2012-08-09 13:22 發(fā)表評論
]]>
主站蜘蛛池模板: 盐津县| 疏勒县| 侯马市| 洛隆县| 衡东县| 高碑店市| 洪湖市| 西丰县| 广宁县| 塘沽区| 南华县| 苏州市| 磐石市| 古丈县| 壤塘县| 德昌县| 灌阳县| 虞城县| 波密县| 开封市| 连平县| 松溪县| 榆树市| 扶风县| 饶平县| 苏尼特左旗| 玛沁县| 威信县| 大洼县| 兴业县| 浮山县| 佛山市| 黄骅市| 西华县| 宁陕县| 灵璧县| 连江县| 东兰县| 志丹县| 苗栗县| 高邑县|