使 sublime 可以自动补全 jsx 的标签（前提是安装Emmet ）

Qssn丶

于 2017-12-18 16:03:12 发布

阅读量1.2k

点赞数

分类专栏：个人 react 文章标签： sublime-text-3 emmet jsx react

个人同时被 2 个专栏收录

77 篇文章

订阅专栏

react

15 篇文章

订阅专栏

本文介绍如何在 Sublime Text 中配置 Emmet 插件，通过简单的设置即可使用 Tab 键快速展开 HTML 缩写，提高前端开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原链接：https://www.v2ex.com/t/288422

方法：菜单->Preferences->Key Bindings - User 添加下面的代码：

[{
  "keys": [
    "tab"
  ],
  "args": {
    "action": "expand_abbreviation"
  },
  "command": "run_emmet_action",
  "context": [{
    "key": "emmet_action_enabled.expand_abbreviation"
  }]
}, {
  "keys": ["tab"],
  "command": "expand_abbreviation_by_tab",
  "context": [{
    "operand": "source.js",
    "operator": "equal",
    "match_all": true,
    "key": "selector"
  }, {
    "key": "preceding_text",
    "operator": "regex_contains",
    "operand": "(\\b(a\\b|div|span|p\\b|button)(\\.\\w*|>\\w*)?([^}]*?}$)?)",
    "match_all": true
  }, {
    "key": "selection_empty",
    "operator": "equal",
    "operand": true,
    "match_all": true
  }]
}]