ReactNative代码包括:
- 组件名称
- Api 名称
- 所有StyleSheets属性
- React组件
安装
方法一
file -> import settings -> ReactNative.jar
方法二
Mac下安装
将ReactNative.xml复制到 ~/Library/Preferences/WebStorm11/templates
重启 WebStrom
方法三
webstorm编辑RN代码提示功能
需要下载一个文件。
1. 进入你想存储这个文件的目录,按住shift+鼠标右键,选择“在此处打开命令窗口”
2. 在命令窗口中输入 git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
3. 打开webstorm, 选择file–>Import Settings…–>在刚刚下载的文件夹里找到ReactNative.jar选择它–>OK
4. 提示重启webstrom,重启,搞定
使用方法
通用方法
直接输入组件 或 Api 名称的首字母, 比如想要 View ,只要输入 V自动提示代码里就会看到 View
STYLESHEET属性提示
首先 按下 command + J , 然后输入属性名的 首字母
如: 输入 f ,会自动提示 fontSize,fontFamily,fontStyle…等等