想调教webstrom怎么才能有es6和react的代码提示？

Question

今天应朋友推荐开始使用webstrom，一直听说这是个前端开发神器，下了之后让我大跌眼镜的是：
这个代码提示简直弱到爆，我甚至不知道怎么用这东西写js了

例子1:所有我用过的编辑器输入for+回车好歹你给我一键出个

for (var i = 0; i < array.length; i++) {
    array[i]
}

webstrom却做不到吗？

例子2：之前用atom下了插件之后只需要按简单的几个键就能生成大量的代码块

//ss +回车
this.setState({
    : 
});

// rcd +回车
import React, { PropTypes } from 'react'

class  extends React.Component {
    render () {
    
    }
}

export default ;

// rrc + 回车
ReactDOM.render(< />, document.body, callback);

// map +车
iterable.map((item) => {
    
});

这样的代码提示让我用es6语法写react时候事半功倍
我是个懒人打代码很少很少手写，这么强大的ide不能连这点功能都做不到吧？

Answer 1

当然不会做不到。区别只是，atom 用回车触发，WebStorm 用 Tab 触发

这是你要的 for 循环

你要的 ss：

记得在 Context 里面把 JavaScript 也选上

其他的自己写吧

Answer 2

webstorm也是可以的。webstorm 2016.3版本，支持es6语法，webstorm 的setting里面有个 live templates 可以自定义代码块，并添加自定义的快捷键。不会用webstorm就不要乱批评