亚洲高清在线视频,亚洲gay片在线gv网站,亚洲色成人网站WWW永久四虎http://www.tkk7.com/Hafeyang/category/52363.html前端來源于不斷的點滴積累。我一直在努力。zh-cnThu, 31 Oct 2013 05:01:16 GMTThu, 31 Oct 2013 05:01:16 GMT60sublime text 2 (四) Emmet(之前叫Zencoding)的安裝以及新特征http://www.tkk7.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.html衡鋒衡鋒Sat, 19 Jan 2013 13:06:00 GMThttp://www.tkk7.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.htmlhttp://www.tkk7.com/Hafeyang/comments/394449.htmlhttp://www.tkk7.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.html#Feedback10http://www.tkk7.com/Hafeyang/comments/commentRss/394449.htmlhttp://www.tkk7.com/Hafeyang/services/trackbacks/394449.html閱讀全文

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

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

在菜單上點擊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)說的比較詳細了。

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

tabTrigger是指輸入該字符串后tab就是在光標插入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下) 默認的保存路徑就行。后綴必須是.sublime-snippet。

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



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

OK, That's all。









衡鋒 2012-08-17 13:30 發(fā)表評論
]]>
sublime text 2 學習(一):快捷鍵,小技巧for前端工程師(持續(xù)更新)http://www.tkk7.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.tkk7.com/Hafeyang/archive/2012/08/09/sublime_text_2_short_key_and_trick_for_frontend_engineer.htmlhttp://www.tkk7.com/Hafeyang/comments/384754.htmlhttp://www.tkk7.com/Hafeyang/archive/2012/08/09/sublime_text_2_short_key_and_trick_for_frontend_engineer.html#Feedback5http://www.tkk7.com/Hafeyang/comments/commentRss/384754.htmlhttp://www.tkk7.com/Hafeyang/services/trackbacks/384754.html
Ctrl+W 關閉當前頁簽,很通用。
Ctrl+Shift+W關閉所有頁簽,估計能猜到。

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

Ctrl+[ 減少縮進
Ctrl+] 增加縮進

Ctrl+k,Ctrl+u 先按Ctrl+K,再按Ctrl+U,大寫,這有點不習慣
Ctrl+k,Ctrl+l 小寫

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

Ctrl+Shift+up ,當前上上移一行,跟Eclipse一樣
Ctrl+Shift+down,不說了

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

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

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

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

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

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

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

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

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

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

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

Ctrl+P 會調(diào)出一個對話框框,下拉選項中有當前打開的文件,可以切換,文本框非常強大,輸入@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ā)表評論
]]>
主站蜘蛛池模板: 亚洲欧洲无码AV电影在线观看| 扒开双腿猛进入爽爽免费视频| 日韩精品成人亚洲专区| 亚洲AV无码资源在线观看| 夜夜嘿视频免费看| 亚洲AV无码XXX麻豆艾秋| 免费a级毛片视频| 一区二区三区免费视频网站| 亚洲一级黄色视频| 国产午夜无码精品免费看动漫| 国产亚洲av人片在线观看| 91视频免费网站| 亚洲综合在线视频| 18禁免费无码无遮挡不卡网站| 亚洲色大成网站WWW国产| 四虎在线免费播放| 国产大片免费天天看| 亚洲成色WWW久久网站| 免费在线观看h片| 亚洲人成网站色7799| 免费v片视频在线观看视频| 一级人做人爰a全过程免费视频| 亚洲中文字幕在线乱码| 18女人水真多免费高清毛片| 亚洲成_人网站图片| 亚洲国产精品一区二区三区久久 | 亚洲国产精品99久久久久久| 四虎在线播放免费永久视频 | 亚洲精品午夜视频| 天天操夜夜操免费视频| 国产成人1024精品免费| 亚洲精品在线播放视频| 免费国产在线观看不卡| 国产午夜精品久久久久免费视| 亚洲国产品综合人成综合网站| 午夜国产大片免费观看| 日本免费大黄在线观看| 久久精品国产亚洲AV未满十八| 国产偷v国产偷v亚洲高清| 日韩欧美一区二区三区免费观看 | 亚洲男女性高爱潮网站|