Babel 插件片段

由 babel 全部

Sublime Text 的下一代 JavaScript 和 React 插件片段

详细信息

为 ES5 和 ES6 语言的 React 提供的后端 Sublime Text 片段。

首先，选择一段 JSX 块。然后，从命令面板中选择“React：将组件包装”。或者，您可以设置一个键绑定。

要设置键绑定，请从命令面板转到“首选项：键绑定 - 用户”，并添加如下条目

{
  "keys": ["ctrl+shift+,"],
  "command": "insert_snippet",
  "args": {
    "name": "Packages/Babel Snippets/react_wrap.sublime-snippet"
  }
}

触发	内容
`rcc→`	类组件骨架
`rcc→`	遗留组件骨架
`cdm→`	`componentDidMount() {…}`
`cdup→`	`componentDidUpdate(prevProps, prevState) {…}`
`cwm→`	`componentWillMount() {…}`
`cwr→`	`componentWillReceiveProps(nextProps) {…}`
`cwun→`	`componentWillUnmount() {…}`
`cwup→`	`componentWillUpdate(nextProps, nextState) {…}`
`fdn→`	`React.findDOMNode(…)`
`gdp→`	`getDefaultProps() {…}`
`gis→`	`getInitialState() {…}`
`ren→`	`render() {…}`
`sst→`	`this.setState(…)`
`scu→`	`shouldComponentUpdate(nextProps, nextState) {…}`
`props→`	`this.props`
`state→`	`this.state`
`pt→`	`propTypes { ... }`
`pta→`	`PropTypes.arrayOf`
`ptai→`	`PropTypes.arrayOf (Instances)`
`ptb→`	`PropTypes.bool`
`pte→`	`PropTypes.element`
`ptf→`	`PropTypes.func`
`pti→`	`PropTypes.instanceOf`
`ptn→`	`PropTypes.number`
`ptn→`	`PropTypes.node`
`pto→`	`PropTypes.object`
`ptof→`	`PropTypes.oneOf (Enum)`
`ptof→`	`PropTypes.objectOf`
`ptoft→`	`PropTypes.oneOfType (Union)`
`pts→`	`PropTypes.string`
`ptsp→`	`PropTypes.shape`

不支持使用的React API片段： displayName，forceUpdate，getDOMNode（使用React.findDOMNode），ismounted，mixins，replaceProps，replaceState，setProps，statics。