打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
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使用方法技巧详解
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
软件推荐(Sublime) -- 文本编辑最佳实践
Sublime Text 3 全程详细图文原创教程
强大的Sublime编辑器
如何在Dreamweaver中使用emmet快捷代码工具
体验了Sublime + Emmet,才体会到原来前端开发可以这么痛快!
Sublime Text 2 使用心得
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服