React Native 门规基础之构建利剑环境

正所谓“工欲善其事必先利其器”,“磨刀不误砍柴工”,一把锋利的宝剑,绝对会优化你的时间和效率,一个便捷快速的开发环境是我们笑傲移动开发江湖的最坚实的一步,所以我们并不急着着急开发RN应用,只要方向对了,走也许会比跑快。小编每天一碗鸡汤,强壮你的雄心。好了喝完,雄起上干货,老牛说过“如果我看得更远一点的话,是因为我站在巨人的肩膀上。”,所以我并不打算事无巨细全都抛给你,我们用“冰箱装大象”理论,开始今天的学习,第一步,找到巨人,第二步,爬上巨人的肩膀,第三步,远看。

第一步,找到巨人

我找到的第一位巨人是React Native的中文文档
http://reactnative.cn/docs/0.45/getting-started.html

u=2636213889,1854260214&fm=26&gp=0.jpg

第二步,爬上巨人的肩膀

(http://reactnative.cn/docs/0.45/getting-started.html)里面详细的介绍了如何配置不同设备的的不同环境,如遇到什么问题可以去找http://bbs.reactnative.cn/topic/130/新手提问前先来这里看看-react-native的常见问题,zenemn由于我们要做跨平台的近原生应用,所以原生的环境必不可少,Xcode与Android Studio必不可少,RN的IDE我用的Webstorm,具体安装怎么破解在天朝,你懂得,问度娘吧,不赘余。

u=2243597768,3855005656&fm=26&gp=0.jpg

第三步,远看。

一.我的是Mac环境下的WebStorm,推荐个代码提示插件https://github.com/virtoolswebplayer/ReactNative-LiveTemplate,怎么用具体看文档
二.初始化运行时报错,推荐两篇博客

http://www.cnblogs.com/pengsi/p/7026564.html
http://www.cnblogs.com/pengsi/p/7338140.html
报错基本上是版本匹配错误4.5版本解决办法测试版本:"react": "16.0.0-alpha.12","react-native": "0.45.0"切换成下面的版本就可以了:"react": "16.0.0-alpha.6","react-native": "0.44.3"具体操作:删除node-modules文件夹,修改pakage.json文件,然后执行npm install

总结:

环境里面太多坑,今天就先写到这里,好多东西再完善。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,283评论 25 708
  • 最近在学习ReactNative开发,感觉还是很容易上手的,搜集了不少资料,分享给大家。 为什么选ReactNat...
    StChris阅读 1,648评论 0 37
  • 持续更新中...... 一套企业级的 UI 设计语言和 React 实现。 https://mobile.ant....
    日不落000阅读 5,820评论 0 35
  • 1.安装Node.js https://nodejs.org/en/在上面的网址中下载Nodejs,然后进行安装一...
    马大俊不是啥好人阅读 4,724评论 2 44
  • 莫诺:“月儿,是你吗?真的是你吗?(不可置信的欣喜)” 裁月:“(缓缓转身)公子是在叫我?你认识我?(笑)可我不认...
    潇潼阅读 244评论 0 0