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

查看:127
本文介绍了webstorm - 想调教webstrom怎么才能有es6和react的代码提示?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

今天应朋友推荐开始使用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不能连这点功能都做不到吧?

解决方案

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

这是你要的 for 循环

你要的 ss:

记得在 Context 里面把 JavaScript 也选上

其他的自己写吧

这篇关于webstorm - 想调教webstrom怎么才能有es6和react的代码提示?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆