React-Native 环境搭建

2018-01-15  本文已影响0人  Nathan_xxx

为什么写这个文章呢。

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

    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,项目就这么启动成功了。

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

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

上一篇下一篇

猜你喜欢

热点阅读