Sublime3配置react+ES6 环境

安装package control ,命令行输入不管用,需要手动安装
在[https://packagecontrol.io/installation]下载Package Control.sublime-package 将其通过sublimeText=> preferences=>Browse Package 进到上一层目录,找到install package放到该目录下,重启sublime如果菜单->Preferences有Package Setting和Package Control就说明安装成功。

cmd+shift+p 打开 输入install 通过package install 安装需要的插件 :[http://www.oschina.net/news/71008/8-sublime-text-3-plugins]

Emmet,—---html补全
Babel,---reactjs高亮
【搜索 Babel 安装之后配置【菜单->View->Syntax->Open all with current extension as...->Babel->JavaScript(Babel)】代码就高亮了有木有】
ReactJs ---reactjs补全代码
Alignment ——代码自动对齐

// ReactJs 支持的代码片段如下
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.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容