美文网首页
React Native的环境搭建及打包

React Native的环境搭建及打包

作者: 国王不在家 | 来源:发表于2019-03-20 11:42 被阅读0次

    有个屁放

    第一次写东西,如果大家看了感觉有帮助的话,点个关注或者赞,给个动力

    如果发现了什么错误或者有何建议/问题 欢迎轰炸

    好了, 屁放完了, 上干货

    ReactNative 的优势

    1、跨平台性(用ReactNative 编写的代码可以在iOS和Android上通用)

    2、性能更佳; 比混合开发和 HTML封装的性能好

    3、支持动态跟新,不用重新下载

    ReactNative官网这个坑少

    搭建环境

    1. 安装官方脚手架expo-cli

        npm install -g expo-cli (npm慢的话,可以先安装nrm: npm install nrm)

    2. 进行项目的初始化

        expo init ProjectName

            (1、会先让你选择安装的模板: 空白的, 还是 带tabBar的

            2、会让你选择 使用哪个工作流 选默认的就行

            3、输入一些初始配置 name 和 slug

            4、是否要用yarn管理依赖  可选可不选 推荐使用)

    3. 启动项目

            expo start 或 yarn start 具体看package.json

            启动完项目以后会有一个二维码

            点击打开就行了

    4. 真机调试

        iOS:

            App Store下载: Expo Client 

            然后用相机扫描二维码 会出现提示

            点击【在“Expo”中打开】就行了

        Android:

            1、进入网站 https://apkpure.com 如果被墙了。。。各位同学请自己想办法吧~

            2、搜索 expo  选一个最新的安装包

            3、扫码

            4、如果扫码失败 输入 exp:// 192. ….类似于这样的地址

            5、然后点击下面的选项

            6、如果还是不能调试, 打开下面的log查看具体原因

    通过expo打包

        首先确保是通过expo-cli来构建的项目

            Android打包: expo build:android

            ios打包: expo build:ios

    expo-cli是什么:  

    请参考文档Expo文档安装Expo

    nrm是什么:

     npm 源管理工具 命令: nrm ls ;

    nrm use **** 进行源的切换

    yarn是什么:

    yarn:依赖管理工具,缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快等优势

    相关文章

      网友评论

          本文标题:React Native的环境搭建及打包

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