博主信息
博文 71
粉丝 1
评论 1
访问量 102119
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Sublime插件Emmet的安装及Tab补全代码问题解决
小威的博客
原创
1835人浏览过

Emmet是一款Web前端开发工具Sublime非常有用的插件,使用仿CSS选择器的语法来生成代码,大大提高了HTML和CSS代码编写的速度。只需按住Tab键即可把一个简写展开成HTML和CSS的代码块,如下图所示,大部分标签都可自动生成。下面小编介绍一种使用在线安装的方式来安装Emmet插件。

按住快捷键Ctrl+Shift+P或者在菜单栏选择Perferences-->Package Control即可打开命令面板,如若没有反应稍等一下便会弹出,界面如下图所示。

1.jpg

打开命令面板找到package control install package,或者在命令面板输入"pcip"即这四个单词的首字母,便会出现新的安装package的面板,搜索emmet找到后点击回车键,稍后便会自动安装。

2.jpg

安装完成后可通过Perferences-->Package Settings-->Emmet查看是否成功,如果Emmet在说明安装成功了。

3.jpg

安装完成后我们利用Emmet插件去快速生成HTML代码,例如输入html:5按住Tab键即可生成HTML文件完整的结构,但是很多人在安装完成后输入html:5然后按住Tab键并没有反应,这是什么原因导致的呢?原来Emmet默认的快捷键是Ctrl+E,我们需要将其设置成常用的Tab键。

6

在菜单栏选择Preferences-->PackageSettings-->Emmet-->KeyBindings-->User,将以下信息粘贴进去即可。

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

重启Sublime Text3此时我们便可以进行代码补全操作了,在新创建的文件上输入html:5,按住Tab键即可看到如下的代码。

4.jpg

Emmet插件Tab键不起作用的原因多是因为快捷键冲突导致的,另外需检查是否安装成功。


sublime text3 报please wait a bit while pyV8 binary解决


使用Sublime_text_3,并安装了Emment插件,结果使用的时候报了please wait a bit while pyV8 binary is being downloaded,查找了一些资料,结果发现是PyV8的问题。

去gihub下载 PyV8,连接地址:https://github.com/emmetio/pyv8-binaries#readme 
根据不同版本的sublime选择相应的版本下载,解压待用;

找到sublime的包目录(如C:\Users\Administrator\AppData\Roaming\Sublime Text 3),放在\Installed Packages目录下,注意不是\Packages目录,一定要注意!!如图所示: 
 20160127110330519.png将解压的pyv8放在如图所示目录中,关掉当前文件夹,然后重新打开sublime就不会再提示“please wait a bit while pyV8 binary is being downloaded”了


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学