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


本文摘自PHP中文网,作者藏色散人,侵删。

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

856187f5f84d3f2f2096b7e31a31549.png

方法步骤:

在安装Emmet插件之前我们首先需要在Sublime Text3上安装Package Control插件管理器,具体操作可参考如下的文章。

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

c7b019e634054f40bbecd5b8c29031c.png

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

0027791541d856b4ac52b819b9445f3.png

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

164c5fbae5c375a3c2a0a548803610a.png

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

阅读剩余部分

相关阅读 >>

sublime text3怎么快速生成html头部信息

分享sublime text 3快捷键精华版!

分享sublime text2小技巧

用chainofcommand包实现sublime text单一快捷键执行多重命令

sublime text3怎么关闭提示更新

sublime的纵向操作(列操作)

如何在sublime text中添加代码片段

sublime text3下如何使用markdown编辑器

sublime text3 插件的安装方法(步骤详解)

sublime2中怎么安装php插件?

更多相关阅读请进入《sublime》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...