安装react-native-cli工具

Posted 2021-03-21 iwishicould

设置淘宝镜像 （这一步可以省略）

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global1

然后安装完 yarn 后同理也要设置镜像源 （这一步可以省略）
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

全局安装nrm npm install -g nrm
执行命令nrm ls查看可选的源。
切换到淘宝
nrm use taobao

使用nrm工具切换淘宝源

nrm use taobao

如果之后需要切换回官方源可使用

npx nrm use npm

安装react-native-cli工具

npm i react-native-cli -g //全局安装 第一次这样做哈！以后就不需要了
react-native init rnapp (rnapp 是项目名)
等它安装
cd rnapp
ps===》cd 之前人家提示你必须要有一个模拟器
你执行adb devices 如果有模拟器端口 说明是有模拟器

react-native run-android 启动项目
最后会出现 BUILD SUCCESSFUL
你就可以关闭这个窗口了
等几分钟就会在你的模拟手机上出现RN的页面上的视图

如何热跟新
在cmd 中adb shell input keyevent 82
在 模拟器弹出的界面中，选择
Live哪一个 到那时安卓模拟器却没有LIVE这个选项

---

C:UsersuserAppDataLocalAndroidsdk1platforms是安卓的SDK的目录哈。
你可以去看那些安装成功了的。
C:UsersuserAppDataLocalAndroidsdk1platforms
第一次这个目录下有android-24

---

项目结构介绍
index.js是入口文件哈
app.js是一个顶级组件
初始化的页面就是在app.js中哈