美文网首页
Sublime3配置react+ES6 环境

Sublime3配置react+ES6 环境

作者: wuliJJ | 来源:发表于2016-12-15 10:38 被阅读606次

    安装package control ,命令行输入不管用,需要手动安装
    在[https://packagecontrol.io/installation]下载Package Control.sublime-package 将其通过sublimeText=> preferences=>Browse Package 进到上一层目录,找到install package放到该目录下,重启sublime如果菜单->Preferences有Package Setting和Package Control就说明安装成功。

    cmd+shift+p 打开 输入install 通过package install 安装需要的插件 :[http://www.oschina.net/news/71008/8-sublime-text-3-plugins]

    Emmet,—---html补全
    Babel,---reactjs高亮
    【搜索 Babel 安装之后配置【菜单->View->Syntax->Open all with current extension as...->Babel->JavaScript(Babel)】代码就高亮了有木有】
    ReactJs ---reactjs补全代码
    Alignment ——代码自动对齐

    // ReactJs 支持的代码片段如下
    cdm→ componentDidMount: fn() { ... }
    cdup→ componentDidUpdate: fn(pp, ps) { ... }
    cs→ var cx = React.addons.classSet;
    cwm→ componentWillMount: fn() { ... }
    cwr→ componentWillReceiveProps: fn(np) { ... }
    cwu→ componentWillUpdate: fn(np, ns) { ... }
    cwun→ componentWillUnmount: fn() { ... }
    cx→ cx({ ... })
    fdn→ React.findDOMNode(...)
    fup→ forceUpdate(...)
    gdp→ getDefaultProps: fn() { return {...} }
    gis→ getInitialState: fn() { return {...} }
    ism→ isMounted()
    props→ this.props.
    pt→ propTypes { ... }
    rcc→ component skeleton
    refs→ this.refs.
    ren→ render: fn() { return ... }
    scu→ shouldComponentUpdate: fn(np, ns) { ... }
    sst→ this.setState({ ... })
    state→ this.state.

    相关文章

      网友评论

          本文标题:Sublime3配置react+ES6 环境

          本文链接:https://www.haomeiwen.com/subject/nzshmttx.html