美文网首页react项目汇总
一 mac react native0.53 环境搭建(ios

一 mac react native0.53 环境搭建(ios

作者: 夏至已至zz | 来源:发表于2018-02-05 23:43 被阅读128次

    万事开头难,为大家分享一下react native项目的搭建。
    react native官网 http://facebook.github.io/react-native/docs/getting-started.html
    1 安装react native cli (脚手架工具)

    npm install -g create-react-native-app
    

    2 使用create-react-native-app生成项目

    create-react-native-app rndemo
    3 有两种启动方式 
    3.1 启动一个本地 server ,然后用expo查看效果
    cd rndemo
    npm start 或者yarn start
    

    然后会在本机启动一个web server,在app store下载expo,并扫描二维码,则可以预览本地项目。修改app.js,则会看到,真机中项目也随着改变。


    image.png

    3.2 在本机mac打开一个,模拟器,并运行初始项目

    npm run ios
    
    image.png

    4 使用react native原生项目开发,然后点击运行。则会在mac上面开启一个模拟器。

    npm run eject弹出本地配置项,
    在选项中选择React Native: I'd like a regular React Native project.

    React Native: I'd like a regular React Native project.
    

    可以看到,生成ios和android两个目录。
    4.1 使用命令行方式运行

    npm run ios
    
    image.png

    4.2用xcode打开.xcodeproj文件。点击运行。

    5 react native 生成的初始项目结构如下:


    image.png

    修改第一行文本为hello world 则可以看到模拟器中已经发生改变,如果没有自动更新,则可以按
    command+R键更新

    相关文章

      网友评论

        本文标题:一 mac react native0.53 环境搭建(ios

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