原文链接: 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
输入命令:
- ul#test>li*4
生成如下代码
- <ul id="test">
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- </ul>
或者直接在编辑器上输入:ul#test>li*4 ,然后按快捷键Tab或者Ctrl+e
- //{ "keys": ["ctrl+e"], "command": "slurp_find_string" },
如何快速安装多个插件
编辑Package Control->Setting – User, 将需要安装的插件填写到installed_packages中
- {
- "bootstrapped": true,
- "in_process_packages":
- [
- ],
- "installed_packages":
- [
- "Emmet",
- "Emmet Css Snippets",
- "Emmet Style Reflector",
- "JsFormat",
- "Markdown Preview"
- ]
- }
然后执行Package Control: Install Local Dependency
Emmet快捷键冲突,导致Tab或者Ctrl+e快捷键无效
编辑Emmet 用户自定义快捷键, 如果为空则直接使用下面代码,否则复制并粘贴[]里面的代码
- [
- {
- "keys": [
- "ctrl+e"
- ],
- "args": {
- "action": "expand_abbreviation"
- },
- "command": "run_emmet_action",
- "context": [
- {
- "key": "emmet_action_enabled.expand_abbreviation"
- }
- ]
- },
- {
- "keys": [
- "tab"
- ],
- "args": {
- "action": "expand_abbreviation"
- },
- "command": "run_emmet_action",
- "context": [
- {
- "key": "emmet_action_enabled.expand_abbreviation"
- }
- ]
- }
- ]