Sublime text写jsx标签不自动补全

#1

sublime text写jsx标签不自动补全
比如写

写到>后不自动出现

怎么办？
#2

同问，之前尝试解决过，还是没解决。

#3

顶起…

#4

mac 下 Control加e 试下…

#5

直接用Emmet写法写jsx中的html多爽呀

  1. 安装emmet
  2. 配置 perferences——》Package Settings——》Emmet——》Key Binding-User，修改为如下配置
[
    {
        "keys": [
            "super+e"
        ],
        "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
            }
        ]
    }
]
1 Like
#6

我的sublime不行啊。


拷贝你的放进去，重启还是不行诶。

#7

可以诶，问下，怎么绑定Control + e 到 tab按键上。

#8

用emmet的写法，直接写div, 再按下tab键。举两个例子：

    render() {
        return (
            div
        )
    }

光标在div后，按下tab键后

    render() {
        return (
            <div></div>
        )
    }

    render() {
        return (
            div.menu
        )
    }

光标在div.menu, 按下tab键后

    render() {
        return (
            <div className="menu"></div>
        )
    }
#9

嗯嗯，谢谢。用法我知道，问题是我的现在快捷键是：control + E 。不是tab键 而且用你的配置，我的sublime没效果，不知道什么原因，看上面我截图的配置过程。不过我按control + E有效果，怎么能切换快捷键，我也习惯用tab

#10

我的可以了.

#11

你是怎么可以的？可以分享下过程吗

#12

复制进Preference->Package Settings->Emmet->Key Bindings - User里面

[
{
“keys”: [
“super+e”
],
“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
}
]
}
]

#13

按下tab键后 样式名为class 而不是 className 是什么情况？