WebStorm开发工具设置React Native智能提示

2018-02-05 10:36:28 浏览数 (1)

 最近在做React Native开发的时候，相信大家一般会使用WebStorm，Sublime，Atom等等开发工具。二之前搞前端的对WebStorm会很熟悉，WebStorm最新版是WebStorm2016.2.1，React Native默认不能智能提示代码，githun有一个开源的插件：ReactNative-LiveTemplate。

ReactNative的代码模板,包括:

  • 组件名称
  • Api 名称
  • 所有StyleSheets属性
  • 调用ReactNative组件时, 首先 按下 command J , 然后输入属性名的 首字母 如输入onP 自动提示 onPress, onPressIn, onPressOut, ....

那接下来我们说说怎么提示代码的功能呢？

1，clone项目到本地

代码语言：javascript复制
git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

2，添加ReactNative.jar

file -> import settings -> ReactNative.jar

现在就有提示了。

reactnative

0 人点赞