Sublime text 3 安装插件 Emmet

 

Sublime text 3 安装插件 Emmet

 

原文链接: http://www.myzboke.com/archives/99.html

 

为了方便安装插件先安装插件Package Control

打开链接：https://packagecontrol.io/installation#st3

按照说明安装插件（复制代码，打开sublime控制台，粘贴代码并回车即可）

安装完之后需要重启

菜单Preferences就会多了两个菜单(Package Settings和Package Control)

点击菜单Preference–>Package Control

点击Install Package

等待几秒后再弹出如下内容，敲键盘emmet，选择如下：

 

按下Ctrl+Alt+Enter

输入命令:

1. ul#test>li*4

 

生成如下代码

1. <ul id="test">
2. <li></li>
3. <li></li>
4. <li></li>
5. <li></li>
6. </ul>

 

或者直接在编辑器上输入:ul#test>li*4 ,然后按快捷键Tab或者Ctrl+e

1. //{ "keys": ["ctrl+e"], "command": "slurp_find_string" },

如何快速安装多个插件

编辑Package Control->Setting – User, 将需要安装的插件填写到installed_packages中

1. {
2. "bootstrapped": true,
3. "in_process_packages":
4. [
5. ],
6. "installed_packages":
7. [
8. "Emmet",
9. "Emmet Css Snippets",
10. "Emmet Style Reflector",
11. "JsFormat",
12. "Markdown Preview"
13. ]
14. }

然后执行Package Control: Install Local Dependency

 

Emmet快捷键冲突,导致Tab或者Ctrl+e快捷键无效
编辑Emmet 用户自定义快捷键, 如果为空则直接使用下面代码,否则复制并粘贴[]里面的代码

1. [
2. {
3. "keys": [
4. "ctrl+e"
5. ],
6. "args": {
7. "action": "expand_abbreviation"
8. },
9. "command": "run_emmet_action",
10. "context": [
11. {
12. "key": "emmet_action_enabled.expand_abbreviation"
13. }
14. ]
15. },
16. {
17. "keys": [
18. "tab"
19. ],
20. "args": {
21. "action": "expand_abbreviation"
22. },
23. "command": "run_emmet_action",
24. "context": [
25. {
26. "key": "emmet_action_enabled.expand_abbreviation"
27. }
28. ]
29. }
30. ]