WebStrom开发ReactNative设置代码自动提示

安装

方法一 由于ReactNative.jar更新不方便而且过于陈旧,强烈建议使用方法二进行安装,ReactNative.jar 也会删除

file -> import settings -> ReactNative.jar

方法二

Mac下安装

提示:如果没有templates 文件夹,你可以手动创建一个

webstorm11安装路径

ReactNative.xml复制到 ~/Library/Preferences/WebStorm11/templates

webstorm2016.2安装路径

ReactNative.xml复制到 ~/Library/Preferences/WebStorm2016.2/templates

webstorm2017.1安装路径

ReactNative.xml复制到 ~/Library/Preferences/WebStorm2017.1/templates

webstorm2017.2安装路径

ReactNative.xml复制到 ~/Library/Preferences/WebStorm2017.2/templates

重启 WebStorm

使用方法

通用方法

直接输入 组件 或 Api 名称的首字母,比如想要 View,只要输入 V 自动提示代码里就会看到 View

StyleSheet属性提示

首先按下 command + J,然后输入属性名的 首字母

如:输入 f,会自动提示 fontSize, fontFamily, fontStyle...等等

 

转自一下

https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

你可能感兴趣的:(React,native)