React Netive(一) 环境搭建

开始学习一下跨平台开发,首先搭建下开发环境.

第一步:Python 2

打开命令提示符窗口,使用Chocolatey来安装Python 2.

注意目前不支持Python 3版本。

choco install python2

第二步:Node

打开命令提示符窗口,使用Chocolatey来安装NodeJS。注意,目前已知Node 7.1版本在windows上无法正常工作,请避开这个版本!

choco install nodejs.install

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!

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

npmconfig set disturl https://npm.taobao.org/dist --global

第三步:Yarn、React Native的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

安装完yarn后同理也要设置镜像源:

yarn config set registry https://registry.npm.taobao.org--global

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

第四步:安装Android stuido

第五步:创建项目 运行

react-nativeinit AwesomeProject

cd AwesomeProject

react-native run-android

注意事项:

react-native run-android一直卡在loading dependency graph, done.

在弹出的菜单下面dev settings中设置Debug server host& port for device为[电脑ip]:8081。

后退至应用界面,点击菜单键或者尝试晃动手机,点击调试菜单的reload项。

如果流程顺利,这个时候loading dependency graph, done.下面会显示进度条。等会儿就好了。(有可能会超时,等进度条走完再刷新就OK了。)

你可能感兴趣的:(React Netive(一) 环境搭建)