sublimeText3如何配置以支持jsx语法

来源:互联网 发布:21天学通java第7版下载 编辑:程序博客网 时间:2024/05/21 05:24

第一步:ctrl+shift+p进入插件库,然后点击install package安装一个babel插件就行了。

第二步:在编辑器的view->syntax->open all with current extension as ...->babel选择javascript(babel)即可,此时代码已经有jsx语法提示了,但是很恶心的发现jsx包裹的html不支持联想和emmet,那么继续下面的步骤

第三步:安装RegReplace和Chain Of Command两款插件

第四步:在KeyBinding – Users中插入下面这段代码

{ "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
    }]
  }

以上就是全部啦,还有一些细节欢迎大家补充~!!

原创粉丝点击