轉自:http://xuqipeter.diandian.com/post/2012-11-13/40041884103
Emmet Documentation 非常重要zencoding
sublime text 2插件
官方埃米特崇高的文本2插件(以前稱爲禪宗編碼)。
警告:在一些操作系統中,因爲它用JavaScript編寫的,並使用PyV8和谷歌的V8二進制文件來運行這個插件可能無法在所有的工作。如果您遇到問題或編輯器崩潰,請填寫一個問題。
如何安裝
-
git的回購協議複製或下載到您的包文件夾中(ST2,發現瀏覽套件...“菜單項打開這個文件夾)
-
重新啓動ST2編輯器(如果需要的話)
或者用包控制:
-
運行“程序包控制安裝套件”命令,找到並安裝
埃米特
插件。 -
重新啓動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將加載所有的js
和JSON
文件在啓動時指定的文件夾中。
覆蓋鍵盤快捷鍵
崇高的文本是一個偉大的文本編輯器的功能和操作。這些行動必然的鍵盤快捷鍵,所以它幾乎是不可能的第三方插件提供便利的插件的快捷方式。
如果你不喜歡默認的鍵盤對應,您可以禁用單獨的鍵盤快捷鍵,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