美文网首页
如何在sublime text 3下安装Emmet插件

如何在sublime text 3下安装Emmet插件

作者: 龙舌兰_c49c | 来源:发表于2018-04-10 15:53 被阅读0次

前言:最近在学习前端知识时,看见视频课中老师利用sublime十分高效,比如利用!即可生成html头部文件,利用ul#test>li*4即可生成一个列表。然后在即百度了很多方法都没有用,最后翻墙出去看见一篇详细介绍Emment的文档,才发现这个需要安装Emmet插件,Emmet对于使用sublime的前端开发者简直就是如虎添翼。以下是作者安装方法,亲测有效。
环境工具: 作者的环境是 Windows
sublime text 3 推荐大家去官网下载,其他网站下载的可能会出错,地
址:http://www.sublimetext.com/3
步骤:
1、下载sublime_package_control-master.zip ,解压后修改文件夹名称为Package Control。(注意大小写)
2、下载sublime_package_control-python3.zip,解压后将该文件夹中内容覆盖到刚刚的Package Control中,完成插件API函数的更新,然后复制Package Control。
3、打开Sublime Text 3,选择菜单:Preference–>Browse Package… 浏览插件,再将Package Control粘贴到该地址中。

image.png
4、重启 Sublime text 3,重启之后发现菜单Preferences就会多了两个Package..的东西如下: Package Control 安装成功。
image.png
5、点击菜单Preference-->Package Control
点击Install Package,耐心等待几秒钟。
image.png
6、然后在出现的搜索框中搜索emmet,选择出现的第一个进行安装,安装完成之后,重启sublime 大功告成。

测试:ctrl+n新建一个文本,然后点击右下角plain text切换成HTML,输入!(英文),按下tab键,神奇的一幕如下


图片.png image.png

最后,再送大家一篇关于sublime text 3的好文《一个前端程序猿的Sublime Text3的自我修养》,连接:http://blog.guowenfh.com/2015/12/26/SublimeText/
如果对你有用的话,就请点个心吧。

相关文章

网友评论

      本文标题:如何在sublime text 3下安装Emmet插件

      本文链接:https://www.haomeiwen.com/subject/rghnhftx.html