sublime_text 縮寫插件Emmet(原zen coding)快捷鍵--轉載

轉自:http://xuqipeter.diandian.com/post/2012-11-13/40041884103

Emmet Documentation 非常重要zencoding

sublime text 2插件

官方埃米特崇高的文本2插件(以前稱爲禪宗編碼)。

警告:在一些操作系統中,因爲它用JavaScript編寫的,並使用PyV8谷歌的V8二進制文件來運行這個插件可能無法在所有的工作。如果您遇到問題或編輯器崩潰,請填寫一個問題

如何安裝

  1. git的回購協議複製或下載到您的包文件夾中(ST2,發現瀏覽套件...“菜單項打開這個文件夾)

  2. 重新啓動ST2編輯器(如果需要的話)

或者用包控制

  1. 運行“程序包控制安裝套件”命令,找到並安裝埃米特插件。

  2. 重新啓動ST2編輯器(如果需要的話)


警告:安裝插件時,它會自動下載需要PyV8二進制,所以你必須等待一個位(見狀態欄上的“ 載入PyV8二進制消息)。如果您遇到問題自動PyV8裝載機,嘗試手動安裝它

埃米特(相比老禪編碼)的新功能

可用的操作

  • 展開縮寫 - Tab鍵或按Ctrl + E

  • 互動“展開縮寫” - 按Ctrl + Alt + Enter鍵

  • 對外的標籤匹配對 - ^ D(MAC)/ Ctrl鍵 + ,(PC)

    作用:選中光標所在的標籤或文本,每多按一次都會向外層元素擴展選擇。

  • 標籤匹配對向內 - ^ J / 按Ctrl + Alt +,

    作用:選中光標所在的標籤或文本,每多按一次都會向內層元素收縮選擇。

  • 對匹配 - ⇧^ T / 按Ctrl + Alt + J

    作用:在標籤的開始<>和結束</>來回跳轉。

  • 使用縮寫包裹 - ^ W / Shift鍵+ Ctrl鍵+ G

    ul.nav>li.nav-item$*>a|t  |t能夠去掉ul,ol等列表項的包裹內容標記,比如排序的數字。

    ul>li[title=$#]*>{$#}+img[alt=$#]  $#可以控制包裹內容位置

  • 轉到編輯點 - 按Ctrl + Alt +→或按Ctrl + Alt +←

  • 使用縮寫包裹 - ^ W / Shift鍵+ Ctrl鍵+ G

  • 選擇“屬性值”html和css都可以選 - “ ⇧⌘。或⇧⌘ / 按Ctrl + Shift +。或Shift + Ctrl + ,

  • 切換註釋 - ⇧⌘/ / Shift + Ctrl鍵+ /

  • 拆分/加入標籤 - ⇧⌘ / Shift + Ctrl +`

    刪掉標籤間的內容,併合並標籤開始和結束符。生成標籤的開始和結束符。

  • 刪除標記 - ⌘' / Ctrl + Shift +;

    快速刪掉標籤並保留標籤中的內容調整縮進。

  • 更新圖片大小 - ⇧^ I / 按Ctrl + U

    html和css中設置默認圖片大小

  • 評估數學表達式 - ⇧⌘Ÿ / Shift鍵+ Ctrl鍵+ Y

    2*4 or 10/2 做簡單的加減乘除算術

  • 體現價值CSS - ⇧⌘直徑 / 按Ctrl + Shift + R

    統一修改css3數據,修改透明數值。

  • 編碼/解碼圖像數據:URL - ⇧^ D / 按Ctrl +'

    圖片轉編碼

遞增/遞減編號操作:

  • 改變數值

  • 增量爲1:按Ctrl +↑

  • 減1:按Ctrl +↓

  • 增量0.1:Alt +↑

  • 遞減0.1:Alt +↓

  • 10增量:⌥⌘↑ / Shift鍵+ Alt +↑

  • 遞減10:⌥⌘↓ / Shift鍵+ Alt +↓

擴展支持

您可以輕鬆地擴展埃米特新的行動和過濾器或自定義現有的。在Emmet.sublime設置,定義extensions_path設置和Emmet將加載所有的jsJSON文件在啓動時指定的文件夾中。

覆蓋鍵盤快捷鍵

崇高的文本是一個偉大的文本編輯器的功能和操作。這些行動必然的鍵盤快捷鍵,所以它幾乎是不可能的第三方插件提供便利的插件的快捷方式。

如果你不喜歡默認的鍵盤對應,您可以禁用單獨的鍵盤快捷鍵,disabled_keymap_actions偏好Emmet.sublime設置文件。

使用逗號分隔的列表中的動作的名稱,缺省鍵盤快捷鍵應該被禁用。例如,如果你想釋放Ctrl + E組合鍵(“展開縮寫”),按Ctrl + U(“更新圖像大小”)的快捷方式,你必須設置以下值:

的“disabled_keymap_actions”:“expand_abbreviation,update_image_size”

您應該參考默認(您的操作系統的名稱)。崇高的鍵盤映射文件的操作ID(ARGS /動作鍵)。

要禁用所有默認的快捷鍵,設定值:

“disabled_keymap_actions”:“所有的”

這並不是說,如果你禁用了任何行動,像這樣和你創建自己的鍵盤快捷鍵,你不應該使用emmet_action_enabled.ACTION_NAME情況下,因爲這是關鍵,禁用行動。

“救命啊!我的片段不工作了HTML / CSS文件!“

默認情況下,埃米特覆蓋Tab鍵的行爲,並擴大自己的縮寫,而不是原生代碼片段。您可以禁用此功能,在用戶首選項(添加“disable_tab_abbreviations” 設置-設置用戶文件),使用Ctrl + E組合鍵按Ctrl + Alt + Enter鍵,擴大埃米特abbeviations或移動您的片段埃米特這裏所描述的。我調查的可能性,以擴大本地的片段通過埃米特Tab鍵處理程序。

 

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+Space

自動完成(win與系統快捷鍵衝突,需修改)

Ctrl+Z

撤銷

Ctrl+Y

恢復撤銷

Ctrl+Shift+V

粘貼並自動縮進(其它兄弟寫的,實測win系統自動縮進無效)

Ctrl+M

光標跳至對應的括號

Alt+.

閉合當前標籤

Ctrl+Shift+A

選擇光標位置父標籤對兒

Ctrl+Shift+[

摺疊代碼

Ctrl+Shift+]

展開代碼

Ctrl+KT

摺疊屬性

Ctrl+K0

展開所有

Ctrl+U

軟撤銷

Ctrl+T

詞互換

Ctrl+Enter

插入行後

Ctrl+Shift Enter

插入行前

Ctrl+K Backspace

從光標處刪除至行首

Ctrl+Shift+UP

與上行互換

Ctrl+Shift+DOWN

與下行互換

Shift+Tab

去除縮進

Tab

縮進

F9

行排序(a-z)

1、安裝包控制(Package Control)

打開Sublime Text 2,按快捷鍵 ctrl+` 或者點擊 Tools → Command Palette 調出控制檯Console;

將以下代碼複製粘貼進命令行後回車:

 

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp)elseNone;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

 

重新啓動Sublime Text 2,如果在Preferences → Package Settings 中看到 Package Control 這一項,就說明安裝成功了。

2、安裝Alignment插件

對於喜歡整齊的瑪民來說,這不失爲一個省事的插件。該插件可以通過上面安裝好的 Package Control 來安裝:

按ctrl + shift + P調出命令面板;

輸入 install 調出 Package Control:Install Package 選項,並回車;

輸入Alignment,選中並按回車安裝;

重啓Sublime Text 2,選中文本並按ctrl + alt + a 就可以進行對齊操作了。

3、安裝 Soda 主題

這裏的主題不同於針對代碼的 color scheme,而是針對Sublime Text 2該軟件本身的主題,該主題也可以通過萬能的 Package Control 來安裝。

按ctrl + shift + P調出命令面板;

輸入 install 調出 Package Control:Install Package 選項,並回車;

輸入 theme soda 選中後回車即可安裝;

安裝完之後要激活主題,打開 Preferences → Global Settings – User,加上以下代碼保存即可生效:

 

"theme": "Soda Light.sublime-theme" 或者 "theme" : "Soda Dark.sublime-theme"

 

4、安裝cTags插件

首先,從Ctags官網下載壓縮包下來,解壓到電腦的某個地方,比如“C:\Program Files\ctags”,然後把cTags添加到系統變量裏去:

在“我的電腦”右鍵屬性 → 高級 → 環境變量 → 在“系統變量”裏找到“Path”,點擊“編輯” → 把“;C:\Program Files\ctags”(不包括雙引號)複製到最後 → 最後一路“確定”保存。

然後通過 Package Control 來安裝 cTags 插件:

按ctrl + shift + P調出命令面板;

輸入 install 調出 Package Control:Install Package 選項,並回車;

輸入 ctags 選中後回車即可安裝。

安裝完之後,在項目的當前目錄下按ctrl + t, ctrl + r,會生成.tags的文件。當光標停留在某個函數上時,按快捷鍵 ctrl+t, ctrl+t就可以打開函數所在的文件,並跳轉到相應的位置了。

PS:安裝這個插件折騰了我蠻久,主要是不知道還要從ctags官網下載壓縮包,以及修改系統的變量,後來還是一博友給我發的國外的參考資料才知道要這樣配置的。剛開始知道這軟件之所以沒用是因爲沒有像eclipse可以追蹤函數的功能,後來才知道可以通過安裝cTags插件來實現。裝上此功能後,就更喜歡用Sublime Text 2了。

5、jsFormat插件

格式化js:選中一段文本,control+alt+f。

6、DocBlockr

在JS函數上方輸入/**,然後回車,doc就生成好了非常好用。

7、sublime-jslint

打開一個js文件,control+j,即可輸出jsLint檢查的結果。打開Packages目錄,找到插件目錄sublime-jslint,打開sublime-jslint.sublime-settings文件,可以修改jsLint配置,還可以配置文件保存時自動檢查等,如:

 

{ // Path to the jslint jar. // Leave blank to use bundled jar. "jslint_jar": "",   // Options pass to jslint.// Jerry Qu注:全部可用配置參考這裏,https://github.com/fbzhong/sublime-jslint/wiki/Available-jslint4java-options "jslint_options": "--encoding utf-8 --bitwise --browser --cap --css --devel --debug --evil --forin --fragment --on --sub --white --windows --sloppy",   // Ignore errors, regex."ignore_errors": [ // "Expected an identifier and instead saw 'undefined' \(a reserved word\)" ],   // run jslint on save. "run_on_save": false,   // debug flag. "debug":false }

 

8、SideBarEnhancements

推薦通過 Package Control 安裝 SideBarEnhancements 這個插件,可以大大加強在側欄目錄樹中右鍵的選項

9、Zen Coding

10、jQuery Package for sublime Text

11、Clipboard History

12、Bracket Highlighter

13、GBK to UTF8

14、Git

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章