react-native android学习-开发环境（windows10）
|
声明：操作系统：windows 10 pro 64位，所有命令在node 命令行中执行。 第一步：安装node 最新的stable版，顺带着就会安装npm https://nodejs.org/en/ node 是一个基于v8的javascript运行环境 npm 是javascript的包管理器，可以用来管理开发时需要使用的模块，特别是模块之间的依赖 注意：安装时，不要取消添加到环境变量”（默认是选中的）。 我这里安装了 node-4.4.3 ，npm:3.8.6 第二步：安装react-native-cli 打开node的命令行窗口 执行 npminstall-greact-native-cli 第三步：安装最新版的jdk1.8，安装android studio 配置环境变量：key:ANDROID_HOME value:{你的android skd安装目录} 我的配置 然后打开android sdk目录里的sdk manager 你需要安装下图中红色框内的sdk包 至此你的开发环境已经初步搭建好了 因为安装和使用Genymotion和oracle virual box时，可能会遇到很多其它问题 推荐使用真机测试，可以避免很多不必要的麻烦 搞个demo试试： 1，在你想要建立项目的目录下，执行命令 react-nativeinit{你的项目名称}
我的叫ccApp,得到这个界面 然后就等着吧，这是npm从官方包管理平台下拉取依赖，时间略长，根据网络情况 ，几分钟到几小时不等。 可以考虑配置使用淘宝镜像拉取。 2，安装完依赖以后，将手机用usb链接到电脑，打开usb调试,命令行中执行 adbdevices 看看你的设备有没有连接上？ 进入项目目录 ，重新打开一个命令行 窗口，进入项目目录，执行 react-nativestart 时间略长。 这样我们的服务端就运行起来了，然后在前一个命令行窗口执行 react-nativerun-android
时间略长 经过一长串输出：得到 哟西，构建成功，安装成功，但是手机上面app自动启动后报了红色错误页。 这里是因为没有设置设备访问的IP和端口 我这里是192.168.10.77：8081 调出app菜单（也许你可以试试摇一摇），在dev-setting选项中的最后一个选项下设置ip和端口号 然后点击reload js ，大功告成，试着修改index.android.js的内容吧，然后reload 接下来你可以试试react-native 仓库中example的安装步骤，试着安装example吧。 NOTE： 坑1，安装android sdk的时候，版本要选对啊，之前因为安装了23.0.3，就想着不用安装23.0.1，但是后来会报错啊，所以你懂安卓的话，你可以改配置文件，不懂安卓的话，一定要选上必须的安装的版本。 坑2，一切都设置对了也报错”Can't find variable: __fbBatchedBridge “ 请参照 https://github.com/facebook/react-native/issues/4881 参考链接： http://facebook.github.io/react-native/releases/0.23/docs/android-setup.html#content https://gist.github.com/davidgilbertson/9bee68548037fe00f2a8 http://stackoverflow.com/questions/34406567/react-native-get-stuck-at-dependency-graph （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |