### 基础环境
nodejs,jdk1.8(必需)。``
```js
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
```
### 安装脚手架和`yarn`
```node
npm i -g react-native-cli yarn
//yarn也设置镜像源
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
```
### 安装`Android Studio`
百度搜索,直接安装(自带`sdk`),自定义安装前设置好`sdk`目录。
配置环境变量:
```js
//1.设置sdk目录D:\AndroidSDK
%ANDROID_HOME%
//2.配置adb命令
D:\AndroidSDK\platform-tools
```
以上参考[文档](https://reactnative.cn/docs/0.51/getting-started.html#content)
### [模拟器](https://www.yeshen.com/blog/reactnativeyeshen/)
安装`夜神模拟器`,[下载地址](https://www.baidu.com/link?url=XmqLtGWnX9uxmD8Y3_K3I3oZte2zM29nY3QKqdWWCqHtQhPymMzjCTHqaG6CL9hJcHJgaU858c6iRQue1QNAJUlg5tUAc2b1SK4uzfxnnFi&wd=&eqid=d53760d0000165e6000000055a7db751)。
在`run-android`之前`adb connect 127.0.0.1:52001`或者`adb connect 127.0.0.1:62001`,连接成功后使用`adb devices`查看设备是否连接成功。
### 创建项目
```
react-native init demo
cd demo
react-native run-android
```
【注】:`run-android`之前检查`android/app/build.gradle`中`buildToolsVersion`是否与sdk中的版本匹配,如果不匹配,改成sdk中的版本。
### 模拟机运行/真机测试
* 摇晃弹框
![](https://bbs.yeshen.com/data/attachment/forum/201703/14/102657g65het2n5ou5azza.png)
![](https://bbs.yeshen.com/data/attachment/forum/201703/14/102719hodieinzfrno40r8.png)
* 设置一下react native服务的端口和IP
![](https://bbs.yeshen.com/data/attachment/forum/201703/14/102742hqrthjkcyhpekjyf.png)
- 前端
- C1-Javascript
- H5图片分块和断点续传
- JavascriptPatterns[Stoyanstefanov]
- macotask和microtask
- 前端代码生成器
- 跨域
- 页面回到顶部滚动按钮实现
- C2-CSS
- 浏览器的一些单位
- 盒模型
- 移动端判断横竖屏
- C3-框架
- ReactNative
- 开发环境搭建(安卓篇)
- Vue
- vue+pdfjs使用
- vue+typescript使用实践
- vue+webpack3.x集成typescript
- Vue源码3
- vue源码分析1
- vue源码分析2
- vue笔记
- C4-工具
- git
- Gitlab-CICD
- mock规则
- vscode-settings
- webpack自定义命令,切换代理地址
- 正则表达式
- 深入浅出webpack
- C5-Node
- express
- express源码阅读
- nightmare使用指南
- 爬虫1.0
- C6-微信
- 微信
- C7-Canvas
- 基础API
- 前端随笔笔记
- 后端
- C1-Java
- shiro
- C2-Linux
- ffmpeg
- ITerm
- Linux
- MongoDB安装
- MySql安装
- Ngnix反向代理
- 常见错误
- 备忘
- mac
- 备忘-Work
- 备忘Link
- 服务器资源
- 教程
- Hexo个人博客搭建笔录
- 文档
- CSS编码规范
- 前端编码规范
- 随笔
- 整理
- 正则
- 链接收藏
- 面试
- CodeWars题库
- CodeWars题库(二)
- Java社招面试题
- Java面试
- Web面试
- 前端笔试题
- 笔试题