如何将Emmet安装到Sublime text 3

学习慕课网《前端开发工具技巧介绍—Sublime篇》时,提到一个前端开发工具“Sublime”。
它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。
(查看这篇文章来了解Sublime具体用法: Emmet:HTML/CSS代码快速编写神器

视频介绍Sublime插件Emmet非常实用,但我发现从官网下载的Sublime并不带Emmet插件,需要重新下载安装。

于是百度搜索,找到了这篇文章《如何将Emmet安装到 Sublime text 3》,按照步骤来下载安装:
第一步:下载sublime_package_control-master.zip ,解压命名文件夹为Package Control。(注意大小写)

第二步:下载sublime_package_control-python3.zip,解压后覆盖到刚刚的Package Control中,完成插件API函数的更新。

第三步:打开Sublime Text 3,选择菜单:Preference–>Browse Package… 浏览插件
sublime text 1

第四步:把package control复制到此目录,重启 Sublime text 3。
然后菜单Preferences就会多了两个Package..的东西如下: Package Control 安装成功
sublime text 2

第五步:点击菜单Preference–>Package Control,点击install Package:
sublime text 3

sublime text 4
等待几秒后再弹出如下内容,敲键盘emmet,选择第一项安装。(网上的教程是选择“emment Css Snippets”安装,我试过2次,安装后都失败了,改为第一项安装则成功了。)
在 Emmet 安装完成后,屏幕下方会提示自动安装PyV8,安装完成,重启 Sublime Text 3。
自此,安装成功。

测试:

重启之后还会看到左下角再次呈现 Loading PyV8 的提示,待其载入完毕,打开一个新文档(CTRL+N),最后测试,输入指令”!”,按“Tab”键即出现如下内容,即HTML5整体结构,而不用一个一个的输入字符,非常方便,极大的提高了码字的速度和效率,前端学习者们可以尝试下。
sublime text 4

坚持原创技术分享,您的支持将鼓励我继续创作!