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

猴面包树React ES6代码片段

作者: luccitan 全部

基于ES6的Sublime Text代码片段,用于React和猴面包树

详情

  • 1.0.0
  • github.com
  • 8年前
  • 55分钟前
  • 8年前

安装

  • 总计 8K
  • Win 5K
  • Mac 2K
  • Linux 837
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 0 0 1 0 0 1 1 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0
Mac 1 1 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

README

源码
raw.githubusercontent.com

sublime-baobab-react-es6

这是mboperator的React ES6 Sublime包的分支。它旨在为Baobab用户提供代码片段,并集成React高的阶组件,感谢高阶组件集成

这个分支保留了以下主要功能:- 将函数声明转换为新的ES6短语法。- 使用ES7属性初始器声明静态类变量(defaultProps,propTypes)。- 为组件创建的代码片段提供ES6风格的导出和导入。

这个分支带来了以下主要变更:- 移除rrc用于Redux连接组件。(与Baobab同时使用时未使用)- 添加一个代码片段用于创建使用Baobab高阶组件的根组件。- 添加一个代码片段用于创建使用Baobab高阶组件的分支组件。

/!\新添加的代码片段不支持Coffeescript,欢迎为它做出贡献/!\

alt tag

安装

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

您需要Sublime 软件包管理器。- 打开命令面板:Mac/Linux上的⌘+shift+p,Windows上的ctrl+shift+p。- 输入install,选择Package Control:Install Package。- 输入Baobab,选择Baobab React ES6 Snippets

使用

语法高亮显示

此软件包不提供语法高亮显示。建议使用babel-sublime

代码片段

很简单!只需键入记忆词后跟TAB即可激活代码片段alt tag

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

baobc→  baobab-branched component skeleton

  baorc→  baobab-rooted component skeleton

    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 ... }

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

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

  state→  this.state.

参与贡献

重建文档

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