React-Native常用命令行以及插件使用

管理RN的版本
  • 查看版本:$react-native -v (进入项目目录,查看的就是项目版本)
  • 更新项目版本 npm(Node Package Manager): $npm update -g react-native
  • 查询网上RN最新的版本:$npm info react-native
  • 升级或者降级RN 版本:$npm install --save react-native@0.XX.X
WebStorm兼容RN代码提示插件

插件地址
Mac下安装方法

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...等等

iOS的模拟器如何呼出RN的调试菜单

按下command+d

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容