Sublime Text2安裝emmet(原名Zen Coding)總結

來源:互聯網
上載者:User

首先,安裝好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 上一個書籤



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.