美文网首页
React-Native学习第一天

React-Native学习第一天

作者: Cheep | 来源:发表于2018-09-22 10:31 被阅读0次

简述:

    经过艰难的思想斗争,终于决定踏入RN这个大染缸,很多人学习是一件痛苦的事情,学习取得成功后的喜悦足以弥补你的痛苦。

1.配置环境

     1.Node     https://nodejs.org/en/download/
     2.Python   https://www.python.org/getit/   (注意:版本选择2.xx)
     3.WebStrom  下载地址       https:www.jetbrains.com/webstorm/download/
                 破解码      https://blog.csdn.net/qq_24309787/article/details/81354678
     4.SDK (自己去弄吧!骚年)
     5.Genymotion 模拟器       https://www.genymotion.com/download
     6.Chrome   (最好官网下载)

2.创建项目

    1.WebStrom 工具创建RN项目
        File->New->Project->React Native 
        图1
    2.命令创建RN项目
        react-native init xxx(项目名称:Rdemo) --version xxx(react-native版本:0.55.4)
        react-native init rn_screen_project --version 0.55.4
    WebStrom工具创建RN项目是最新版本,命令创建RN项目可以指定版本。新版本存在很多的坑,
    新手的话介意用命令创建项目。
image

3.运行项目

    1.WebStrom工具运行项目
        Edit Configurations...->React Native->
    2.命令运行项目
        npm i 或者 npm install (安装一些依赖)
        react-native run-android (运行) 或者
        react-native run-ios
image

结束语

配置环境是一个细心的过程,所以小伙伴们注意咯!加油做最好的自己。

相关文章

网友评论

      本文标题:React-Native学习第一天

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