Sublime text3插件Emmet的安装及Tab补全代码问题解决

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

1.打开Package Control(Ctrl+Shift+p)

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

3.安装完成后可通过Perferences(首选项)-->Package Settings-->Emmet查看是否成功,如果Emmet在说明安装成功了。

写(fuzhi)到这里Emmet已经安装完成了,利用Emmet插件去快速生成HTML代码,例如输入html:5按住Tab键即可生成HTML文件完整的结构,但是很多人在安装完成后输入html:5然后按住Tab键并没有反应,这是什么原因导致的呢?原来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"}]}]

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

此文章转载自百度经验--https://jingyan.baidu.com/article/ce43664935b90c3772afd377.html

猜你喜欢

转载自blog.csdn.net/qq_36818077/article/details/81606344