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

React ES6 Snippets

mboperator ALL

适用于 React 的基于 ES6 的 Sublime Text 代码片段。

详细信息

  • 0.5.0
  • github.com
  • 7年前
  • 44分钟前
  • 9年前

安装数

  • 总数 91K
  • Win 44K
  • Mac 33K
  • Linux 14K
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日
Windows 2 3 0 1 2 3 0 2 0 0 1 0 1 0 3 2 1 1 2 1 3 0 2 0 1 2 0 2 2 4 1 1 0 2 1 2 3 1 1 3 1 3 1 2 0
Mac 2 1 0 0 0 0 1 0 1 0 2 2 1 1 0 0 2 1 0 0 0 1 0 0 0 0 1 0 1 2 1 0 2 1 0 0 1 0 1 2 0 1 0 1 0
Linux 1 1 0 0 0 1 0 1 0 0 1 0 0 3 0 2 0 0 3 2 0 2 0 1 0 1 0 0 2 1 1 1 1 1 0 0 1 0 0 1 1 0 1 2 0

README

源代码
raw.githubusercontent.com

sublime-react-es6

这是 Facebook 原始 ReactJS Sublime 包的一个分支。

我主要做了以下改动:

  • 将函数声明转换为新的 ES6 简写。

  • 使用 ES7 属性初始器声明静态类变量(defaultProps,propTypes)。

  • 为创建代码片段提供 ES6 风格的导出和导入。

  • 添加了 rrc 以支持 Redux 连接的组件。

alt tag

安装

通过 Sublime 的软件包管理器安装 React 软件包

您需要安装 Sublime 的 软件包管理器

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

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

  • 输入 React,选择 React ES6 Snippets

使用方法

语法高亮显示

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

代码片段

很简单!只需输入一个缩写词后按TAB键激活代码片段。

alt tag

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

cdm→  componentDidMount: fn() { ... }

   cdup→  componentDidUpdate: fn(pp, ps) { ... }

     cs→  import cx from 'classnames';

    cwm→  componentWillMount: fn() { ... }

    cwr→  componentWillReceiveProps: fn(np) { ... }

    cwu→  componentWillUpdate: fn(np, ns) { ... }

   cwun→  componentWillUnmount: fn() { ... }

     cx→  cx({ ... })

    fdn→  React.findDOMNode(...)

    fup→  forceUpdate(...)

    gdp→  static defaultProps = { ... } 

    gis→  getInitialState: fn() { return {...} } 

    ism→  isMounted()

  props→  this.props.

     pt→  propTypes { ... }

    rcc→  component skeleton

   refs→  this.refs.

    ren→  render: fn() { return ... }

    rpc→  pure render component skeleton

    rrc→  redux component skeleton

    scu→  shouldComponentUpdate: fn(np, ns) { ... }

    sst→  this.setState({ ... })

  state→  this.state.

贡献

重建文档

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