yarn添加包

 yarn add [package] // 在当前的项目中添加一个依赖包，会自动更新到package.json和yarn.lock文件中 

yarn add [package]@[version] // 安装指定版本，这里指的是主要版本，如果需要精确到小版本，使用-E参数

yarn add [package]@[tag] // 安装某个tag（比如beta,next或者latest） 

前言 ：从前端的发展历程上看，从切图仔到全端，注定有舍有得，边界会越来越大，技术会越来越丰富，贯穿浏览器、服务端和移动端多元化发展趋势。花了一天时间纠结用HTML5+和RN来开发安卓ios双端，考虑稳定性选择用RN，做好被虐上整整一个月的心理准备，开发过程中事实也确实如此，坑多慎入。

另外建议当决定要用RN重构应用或者基于RN开发时，尽量提前梳理业务文档，有条件先组预研发小组，去研究业务实现的可能性，比如说集成外部的sdk，切记原生部分最好要求配合安卓ios朋友一起合作，否则会很难受。

从技术角度，入坑先从vue跳到react，再入react-native。此文章主要记录项目开发中填坑过程。

react-native init 项目名

tip:react-native 版本更新较快，init默认是最新版本的react-native，目前最新发布版本0.60.0版本（更新修复，支持androidX，完全删除了WebView，Geolocation...），也可根据需要创建指定版本RN：

react-native init 项目名 --version 0.59.9

进入项目目录查看react-native版本 ：react-native -V

接着在项目目录下，命令行服务端口 react-native start

点击启动按钮，选择模拟器就可启动项目

真机启动：用usb连接电脑和手机（手机必须在开发者选项下，打开usb调试模式，否则启动会报错），在项目目录下，命令行启动：

react-native run-android

App安装完成，node窗口进度条走完即可在手机上运行RN项目。

模拟器与真机开发者菜单主要用到：Reload （重载），Debug JS Remotely(Debug 调试模式，可在浏览器中console.log输出)，Enable Hot Reloading(热更新)；

开发者菜单打开方式：

模拟器：ctrl+m ， r+r(为reload)

真机：手机摇一摇，或者左键长按

根据项目需要可选择安装依赖插件，示例项目依赖

依赖安装方法：

yarn install //安装全部依赖

yarn add 依赖名 //安装单个依赖

yarn add 依赖名@版本号 //安装依赖某个版本

yarn remove 依赖名 //删除依赖 ，删除依赖后，需要把安卓ios原生文件中删除依赖

需要依赖原生库

react-native link 依赖内一次性全部链接

react-native link 依赖名 链接某一个库

假设，根据项目需要修改了依赖包源码，在项目根目录复制修改源码的包，

在pagejson.json文件修改文件安装路径。

---