Web前端新手入门——Sublime Text 3 安装 Emmet 及使用

参考网上得安装步骤后自行整理的简明安装步骤。

目录

1. 安装 Package Control

2. 安装 Emmet

3. 使用Emmet

---

1. 安装 Package Control

• 下载sublime_package_control-master.zip，解压后修改文件名为Package Control;
• 下载sublime_package_control-python3.zip，解压后将文件夹内容替换到Package Control；
• 打开Sublime Text 3，选择菜单：Preference–>Browse Package… 浏览插件，再将Package Control粘贴到该地址中；
• 重启Sublime Text 3，重启之后发现菜单Preferences就会多了两个Package..的东西如下： Package Control 安装成功；

2. 安装 Emmet

• 在Sublime Text 3中按 Ctrl+Shift+P快捷键弹出 Package Control；
• 输入：Install Package后回车，再输入Emmet查找Emmet，确定安装，等到自动打开一个文档，说明安装成功；
• 安装Emmet之后，左下角提示会自动安装PyV8的包，在安装PyV8成功之后重启Sublime Text 3；
• 打开 Preference->Package Settings显示Emmet则表示安装成功；

3. 使用Emmet

• 改变Emmet快捷键为tab：打开 Preference->Package Settings->Emmet->Keybindings User 粘贴：

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

• 新建文档，在Sublime Text 3右下角选择HTML

                                                                     

• 输入html:5，按tab，代码自动补全为