React ES6 Snippets
适用于 React 的基于 ES6 的 Sublime Text 代码片段。
详细信息
安装数
- 总数 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
sublime-react-es6
这是 Facebook 原始 ReactJS Sublime 包的一个分支。
我主要做了以下改动:
将函数声明转换为新的 ES6 简写。
使用 ES7 属性初始器声明静态类变量(defaultProps,propTypes)。
为创建代码片段提供 ES6 风格的导出和导入。
添加了
rrc
以支持 Redux 连接的组件。
安装
通过 Sublime 的软件包管理器安装 React 软件包
您需要安装 Sublime 的 软件包管理器。
打开命令面板:Mac/Linux 上为
⌘+shift+p
,Windows 上为ctrl+shift+p
输入
install
,选择Package Control: Install Package
输入
React
,选择React ES6 Snippets
使用方法
语法高亮显示
语法高亮显示此软件包不再提供。我们建议您使用 (babel-sublime)。
代码片段
很简单!只需输入一个缩写词后按TAB键激活代码片段。
可用代码片段(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。