首先,安裝好Sublime( 我用的是版本2),之後註冊好,Sublime Text2.0.2註冊碼:http://xionggang163.blog.163.com/blog/static/376538322013930104310297/
在網上看了一篇文章,有關前端開發工具的,得知原來還有這樣的一款強大的工具。網址如下:http://bbs.csdn.net/topics/390758377 裡面的第4點開發工具http://www.cnblogs.com/jikey/p/3607133.html 有介紹emmet這個外掛程式。
於是,開始想著安裝這個外掛程式。首先找到了這2篇文章,http://www.ituring.com.cn/article/47310 http://blog.csdn.net/del1214/article/details/8092266
發現了自己的Sublime 2不能正確地開啟Ctrl+~ (控制台),於是,找了http://ifalone.me/636.html 發覺還是解決不了 後來又找了http://www.codeif.com/topic/1167 ,原來是與QQ拼音衝突了。解決衝突後自然就使用上面文章中的方法咯:複製下面代碼到控制台,斷行符號,重啟即可。(主要參考:http://www.tuicool.com/articles/2ua2aa)
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
安裝後重啟,即可開始我們的快速開發了。
如:輸入:body>div>.top>.center>p+h1>#bottom
然後按“tab”鍵 或者 Ctrl+E 即可補全如下(確實強大)
<body><div><div class="top"><div class="center"><p></p><h1><div id="bottom"></div></h1></div></div></div></body>
這位仁兄也是遇到這樣的問題:http://caibaojian.com/sublime-text2-tutorial.html
分享7個超實用的Emmet(zen coding)HTML代碼提示:http://bbs.html5cn.org/thread-10963-1-1.html
- > 子節點:在DOM樹下一層添加建立一個元素
- + 同層級:在DOM樹同一層添加建立一個元素
- ^ 向上層:向上一層添加建立建立一個元素。
http://www.cnblogs.com/leecanz/archive/2012/03/04/2379446.html
sublime text2的快速鍵:
自動完成:自動完成的快速鍵是Tab,如果在html檔案中,輸入cl按下tab,即可自動補全為class=””;加上zencoding後,更是如虎添翼,後面再講到
l 多列編輯:按住ctrl點擊滑鼠,會出現多個閃爍的游標,這時可同時修改多處
或者按住滑鼠中鍵拖拽,
代碼注釋功能:ctrl+/、ctrl+shift+/分別未行注釋和塊注釋,再按一下就能去掉注釋,ST2能夠自動識別是html、css還是js檔案,給出不同類型的注釋。
l 行操作:ctrl+alt+↑、ctrl+alt+↓向上或者向下交換兩行,ctrl+enter,游標後插入空行,ctrl+d選擇相似,可以參考後面的快速鍵列表。
l 右鍵功能:
前3個,大家都知道,第4個,show unsaved changes,顯示未儲存的修改,紅色減號表示刪去的內容,綠色加號表示新增的內容
主要快速鍵列表
Ctrl+X 剪下整行
Ctrl+L 選擇整行(按住-繼續選擇下行)
Ctrl+KK 從游標處刪除至行尾
Ctrl+Shift+K 刪除整行
Ctrl+Shift+D 複製游標所在整行,插入在該行之前
Ctrl+J 合并行(已選擇需要合并的多行時)
Ctrl+KU 改為大寫
Ctrl+KL 改為小寫
Ctrl+D 選詞 (按住-繼續選擇下個相同的字串)
Ctrl+M 游標移動至括弧內開始或結束的位置
Ctrl+Shift+M 選擇括弧內的內容(按住-繼續選擇父括弧)
Ctrl+/ 注釋整行(如已選擇內容,同“Ctrl+Shift+/”效果)
Ctrl+Shift+/ 注釋已選擇內容
Ctrl+Z 撤銷
Ctrl+Y 恢複撤銷
Ctrl+M 游標跳至對應的括弧
Alt+. 閉合當前標籤
Ctrl+Shift+A 選擇游標位置父標籤對兒
Ctrl+Shift+[ 摺疊代碼
Ctrl+Shift+] 展開代碼
Ctrl+KT 摺疊屬性
Ctrl+K0 展開所有
Ctrl+U 軟撤銷
Ctrl+T 詞互換
Tab 縮排 自動完成
Shift+Tab 去除縮排
Ctrl+Shift+↑ 與上行互換
Ctrl+Shift+↓ 與下行互換
Ctrl+K Backspace 從游標處刪除至行首
Ctrl+Enter 游標後插入行
Ctrl+Shift+Enter 游標前插入行
Ctrl+F2 設定書籤
F2 下一個書籤
Shift+F2 上一個書籤