2020-06-19 react-native下开发运行Android跟iOS详细步骤

首先确保电脑上装了nodejs 环境 androidstudio vscode开发工具 xcode

说明：因为公司项目改了作者的依赖模块，所以这里需要在生成的node_modules文件夹下面替换自己修改的依赖。

第一步:编译进去 yarn生成node_modules目录

第二步:终端进去工程根目录找到node_modules替换其中的

@react-native-community/viewpager。

第三步:可能很多时候，androidstudio编译失败在android目录下的build.gradle文件下配置阿里云的maven地址：掘渣唤

maven{ url ' http://maven.aliyun.com/nexus/content/groups/public/' }

第四步:然后androidstudio点击运行按钮 即可开始调试

第五步：安卓手机运行之后看到效果，这个时候在进入终端执行npm start

之后，摇动手机 最下面有一个setting的选项设置本手机的IP地址:8081端口

第一梁搭步：找到工程目录下的node_modules目录下的react/base/目录下替换 RCTModuleMethod.mm文件

第二步：找到项目工程的iOS目录下的.xcodeproj文件 以xcode方式打开

第三步：然后在xcode工程下选择对应的iOS的模拟器设备

第四步：模拟器的快捷键是cmmand+R

第一步：使用xcode打开工程下面的.xcodeeproj文件，选择真机调试

如果报错 可能是因为没有添加appID

点击xcode菜单栏目

选择preference选项，然后选择Accounts选择+号 选择apple ID选项

选择所用的苹果的apple iD账号登陆调试即可 （一般要判凯接收手机验证码）

一、首页可以用小程序开发工具先创建好项目，或者是用vscode去创建也可

二、用vscode打开创建好的项目

三、在vscode中安装几个小程序插件即可

1、搜索安装vscode weapp api，这是小程拦禅序的语法结构api

2、安装vscode wxml这个插件，主要是针对wxml文件的

3、安装vscode-wechat这个插件

4、安装一下Easy WXLESS，是针携伍对wxss文件的

以上安装好插件之后，在vscode里面编辑小程序项目，保存即可同步到小程序开发工具中简隐尘啦！

这样在vscode中也可以使用小程序的api啦~

---