亚洲高清在线视频,亚洲gay片在线gv网站,亚洲色成人网站WWW永久四虎http://m.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://m.tkk7.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.html衡鋒衡鋒Sat, 19 Jan 2013 13:06:00 GMThttp://m.tkk7.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.htmlhttp://m.tkk7.com/Hafeyang/comments/394449.htmlhttp://m.tkk7.com/Hafeyang/archive/2013/01/19/emmet_fomer_zencoding_in_sublime_text_2.html#Feedback10http://m.tkk7.com/Hafeyang/comments/commentRss/394449.htmlhttp://m.tkk7.com/Hafeyang/services/trackbacks/394449.html閱讀全文

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

衡鋒 2012-10-25 23:56 發(fā)表評論
]]>
sublime text 2學習(二):創(chuàng)建可復用的代碼片段http://m.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://m.tkk7.com/Hafeyang/archive/2012/08/17/how_to_create_code_snippet_in_subline_text_2.htmlhttp://m.tkk7.com/Hafeyang/comments/385686.htmlhttp://m.tkk7.com/Hafeyang/archive/2012/08/17/how_to_create_code_snippet_in_subline_text_2.html#Feedback3http://m.tkk7.com/Hafeyang/comments/commentRss/385686.htmlhttp://m.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://m.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://m.tkk7.com/Hafeyang/archive/2012/08/09/sublime_text_2_short_key_and_trick_for_frontend_engineer.htmlhttp://m.tkk7.com/Hafeyang/comments/384754.htmlhttp://m.tkk7.com/Hafeyang/archive/2012/08/09/sublime_text_2_short_key_and_trick_for_frontend_engineer.html#Feedback5http://m.tkk7.com/Hafeyang/comments/commentRss/384754.htmlhttp://m.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四虎| 日本在线观看免费高清| 亚洲国产精品VA在线看黑人| 67pao强力打造高清免费| 亚洲AV无码之国产精品| 亚洲国产精品无码AAA片| 免费鲁丝片一级在线观看| 中文字幕版免费电影网站| 亚洲国产亚洲片在线观看播放| 免费A级毛片无码久久版| 免费女人高潮流视频在线观看 | 国产偷国产偷亚洲高清人| 精品久久久久久亚洲| 毛片在线看免费版| 国精产品一区一区三区免费视频| 亚洲国产91在线| 亚洲大尺度无码专区尤物| 成年轻人网站色免费看| 免费观看在线禁片| 黄页网址大全免费观看12网站| 亚洲男女性高爱潮网站| 亚洲综合色自拍一区| 成人啪精品视频免费网站| 国产一级片免费看| 美女黄频免费网站| 亚洲一级黄色大片| 国产亚洲色婷婷久久99精品| 情侣视频精品免费的国产| 午夜免费1000部| 免费观看在线禁片| 久久国产精品免费一区| 在线a亚洲老鸭窝天堂av高清| 亚洲国产第一站精品蜜芽| 免费看国产曰批40分钟| 一二三四免费观看在线视频中文版 | 亚洲免费一级视频| 国产成A人亚洲精V品无码性色| 免费观看国产精品| 免费无码成人AV片在线在线播放| 中文字幕免费视频一|