首页 > 代码库 > sublime插件emmet的配置、使用及快捷键Ctrl+E修改成Tab键操作

sublime插件emmet的配置、使用及快捷键Ctrl+E修改成Tab键操作

一、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试试。

有关sublime插件emmet的快捷操作技巧:点这里 :前端html、CSS快速编写代码插件-Emmet使用方法技巧详解

sublime插件emmet的配置、使用及快捷键Ctrl+E修改成Tab键操作