ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

React​JS

facebookarchive ALL 排名前100

Sublime Text的React辅助工具。语法高亮已被弃用,改为使用babel/babel-sublime

详细信息

  • 2015.05.11.19.44.00
  • github.​com
  • github.​com
  • 9年前
  • 24分钟前
  • 10年前

安装

  • 总计 250K
  • Win 113K
  • Mac 98K
  • Linux 40K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 6 7 2 0 7 4 3 3 1 1 2 4 6 5 4 4 3 2 6 3 3 0 7 2 3 5 3 4 3 8 4 5 7 4 1 6 4 0 6 4 1 3 4 1 1 5
Mac 4 1 1 1 2 0 1 3 5 2 3 2 1 1 1 1 2 1 1 4 1 0 1 3 2 1 2 1 0 3 2 0 4 2 2 3 2 0 1 1 0 0 0 2 1 2
Linux 1 2 1 1 0 1 0 5 1 1 2 4 2 2 1 1 0 0 2 1 1 0 2 1 1 1 2 1 4 2 1 2 1 2 1 1 1 3 0 0 4 1 0 1 1 0

README

源代码
raw.​githubusercontent.​com

sublime-react

ReactJS的代码片段。这个包曾经提供JSX语法高亮,但现在已被弃用,推荐使用babel/babel-sublime

alt tag

安装

通过Sublime Text的包管理器安装React包

您需要一个Sublime的包管理器

  • 打开命令面板:Mac/Linux上的⌘+shift+p,Windows上的ctrl+shift+p

  • 输入install,选择Package Control: Install Package

  • 输入React,选择ReactJS

用法

语法高亮

此包不再提供语法高亮。我们建议您使用(babel-sublime)。

代码片段

非常简单!只需输入一个助记词然后按TAB键即可激活代码片段。

alt tag

JSX和CJSX(React CoffeeScript)均可使用代码片段。

可用代码片段的文档(JSX)

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.

贡献

重建文档

更改代码片段文件后,运行npm install && npm run build-docs来自动从源生成就生成此文档。不要直接修改README.md。

贡献者许可协议

我们非常欢迎贡献,但请您填写我们的CLA,以便我们接受您的拉取请求。