开始学习一下跨平台开发,首先搭建下开发环境.
打开命令提示符窗口,使用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了。)
网友评论