美文网首页
React-Native 环境搭建

React-Native 环境搭建

作者: Nathan_xxx | 来源:发表于2018-01-15 12:10 被阅读0次

    为什么写这个文章呢。

        最重要的是当然是记录我的项目过程。

        Ps:我也是一个新手,第一次用React-Native,之前写过Angular1 and Vue2 and 微信小程序( 但我觉得对我学React-native来说,并没有什么卵用 )。看了一周的视频,依旧保持着一脸懵逼的状态。

        So:我决定要干点什么,解决一下现状,把我能做出来的写出来,就好比环境搭建,就那几条命令,非得我说一堆乱码七糟的东西( 这不是打消我学习的积极性么 )。解决问题是解决问题,深入研究是深入研究。这是两码事,环境都搭建不起来还学个屁。

        先有一个小梦想,环境搭建好。

        然后做点能看的东西。

    准备开始啦

        我是mac系统( windows系统的朋友,Sorry,我不会 真的不会)

        说一下环境以及常用工具

    环境:node+npm +react-native-cli( 这个得用,node和npm自行解决安装方法)

                                 warning:如果你看到 EACCES: permission denied 就是权限报错。                                            

    如果有报错 EACCES: permission denied 。权限报错 输入以下命令

    nathan是我的账户名, 'nathan' 这个需要输入你的用户名,来给你自己账户开通权限。

    工具:Xcode(App store 自己下载)

    ok,环境什么都搭建好了的话,打开shell.

    cd ~/Desktop (但是进入桌面了)

    react-native init FirstReactApp--0.44.3 ( 初始化 FirstReactApp 这个项目, 项目目录神马的都都帮你搞好了 ,为什么要装0.44.3这个版本呢,因为0.45以后的版本需要下载的第三方库有点多,很烦。对我来说,学习的过程要 尽可能便捷。保证项目开发的时间,毕竟第一个项目不可能达到最理想的状态,快速开发 快速迭代。)



    cd FirstReactApp ( 进目录 )

    react-native run-ios ( 执行ios,本人很少玩安卓,先把ios的弄出来,安卓出问题了以后在解决。)

    或者直接打开项目文件夹,

    双击这个文件,直接打开。我这每次run-ios都特别慢,还不知道为什么。等我找到原因来这里补充吧


    左上角开始项目,第一次可能会慢一点。先别着急玩真机测试。先玩好模拟器。

    很自信,上了个wc,项目就这么启动成功了。

    下一章就会开始正式的讲一个项目了。

    从头开始,我们一起学习吧~~~

    相关文章

      网友评论

          本文标题:React-Native 环境搭建

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