解决Sublime text插件Emmet ctrl+e与tab快捷键失效问题

学习前端过程中,笔者采用了Sublime Text 3 作为开发工具,在安装使用过程中,遇到不少曲折。

安装Package Control

安装好sublime text后,我们使用 ctrl+~打开命令行,通过https://packagecontrol.io/installation#st3安装Package Control。安装过程,通常会不成功,需要手动干预。在Preferences–>Browse Packages,新建Installed Packages/目录,将网页右侧本地包放入目录下,重启。
在这里插入图片描述

Emmet安装过程,PyV8 binary报错

Sublime Text 3 英文版安装Emmet报错

Error while loading PyV8 binary: exit code 1 
Try to manually install PyV8 from
https://github.com/emmetio/pyv8-binaries/

解决方案
我们通过Package Control:Install Package安装Emmet时,虽然加载PyV8库失败,但是Emmet仍然时安装成功的,我们只需将该库加载到本地合适位置即可。

  1. 通过perfermance --> browse packages找到本地目录
  2. 在Installed Packages/目录下,新建PyV8目录,将下载的zip包中的文件放入,重启生效。

Emmet插件 ctrl+e快捷键失效问题

这个问题很纠结,查了很多博客,千篇一律,都是Emmet插件或者Sublime text的快捷键,没有参考价值。通过Preferences可以查看Emmet配置,没有任何报错,笔者误以为Emmet插件安装无误。测试 !+tab和html:5+tab,Emmet快捷键无法失效。

解决方案:
方案其实很简单,甚至感觉自己很傻~~
方案:正确地安装PyV8 binary。笔者开始将PyV8目录放到了browse packages目录下,在将该目录放到Installed Packages/目录下后,快捷键恢复使用。

在这里插入图片描述
在这里插入图片描述

Tab键快捷生成代码问题

这个就是一个改键问题,改下Emmet的快捷键配置就好,如下。

[
    {
        "keys": [
            "ctrl+e"
        ],
        "args": {
            "action": "expand_abbreviation"
        },
        "command": "run_emmet_action",
        "context": [
            {
                "key": "emmet_action_enabled.expand_abbreviation"
            }
        ]
    }
]

开始学习时,失败过多挺打击人的,也浪费了很多时间在很多重复的网络资料上。既然花很多时间解决了,一定要记下来备忘,也希望帮同样遇到该问题的你。

发布了72 篇原创文章 · 获赞 110 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/LIZHONGPING00/article/details/103589366