美文网首页
React Netive(一) 环境搭建

React Netive(一) 环境搭建

作者: 德溪路扛把子 | 来源:发表于2017-05-04 10:21 被阅读0次

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

    第一步: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(一) 环境搭建

          本文链接:https://www.haomeiwen.com/subject/lhertxtx.html