一、emmet在sublime中的配置與使用:
1、點擊sublime text 3的圖標,打開編輯器;
2、按鍵“ctrl+shift+p”,或者單擊菜單->工具->命令面板;
3、打開了命令面板,輸入“pcip”(package control install package)四個單詞的首字母;
4、即可出現新的安裝package的面板,搜索emmet:
5、如搜索列表,第一個就是,雖然描述里說明的是sublime text 2 的plugin,但依然支持sublime text 3。選中這個或者單擊它即可安裝,在編輯器的左下角即可看到安裝的狀態。
6、安裝成功后,在菜單->preferences->Package Settings選項里即可看到Emmet的身影。
二、emmet默認填充的快捷鍵是Ctrl+E,使用起來很是不方便,如何修改成常用的Tab鍵呢?
在設置菜單欄里找到如下路徑,路徑如下:Preferences>PackageSettings>Emmet>KeyBindings-User:
在出現的界面中粘貼如下配置信息,保存。
[
{
"keys": [
"tab"
],
"args": {
"action": "expand_abbreviation"
},
"command": "run_emmet_action",
"context": [
{
"key": "emmet_action_enabled.expand_abbreviation"
}
]
}
]
檢查快捷鍵Tab是不是可以使用了,如果不可以重啟一下sublime試試。
{
"keys": [
"tab"
],
"args": {
"action": "expand_abbreviation"
},
"command": "run_emmet_action",
"context": [
{
"key": "emmet_action_enabled.expand_abbreviation"
}
]
}
]
有關sublime插件emmet的快捷操作技巧:點這里 :
前端html、CSS快速編寫代碼插件-Emmet使用方法技巧詳解
