美文网首页
对React Native的简单了解+环境配置的注意事项

对React Native的简单了解+环境配置的注意事项

作者: JJetGu | 来源:发表于2017-04-25 15:19 被阅读0次
    -------对React Native的简单了解+环境配置的注意事项-------

    开发者可以灵活的使用HTML和CSS布局,使用React语法构建组件,实现:H5, Android, iOS 多端代码的复用。------面向组件开发(就是RN里面的任何一个类都可以通过注册产生一个组件)



    React Native提倡组件化开发: 即提供一个个封装好的组件,组件相互嵌套形成新的组件;

    • 跨平台开发
      • 运用React Native,我们可以使用同一份业务逻辑核心代码来创建- - 原生应用运行在Web端,Android端和iOS端;
    • 3.2 追求极致的用户体验:实时热部署
    • 3.3 learn once,write everywhere (最具魅力)


      image1.png

    环境配置的一些说明:

    • Homebrew

      • Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。
    • Node(React Native目前需要NodeJS 5.0或更高版本)
      使用Homebrew来安装Node.js.

    • Yarn、React Native的命令行工具(react-native-cli)

      • Yarn是Facebook提供的替代npm的工具,可以加速node(放有所有的node.js资料)模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

    选择性安装的工具(可以不安装):

    • Watchman

      • Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。
    • Flow

      • Flow是<strong>一个静态的JS类型检查工具。</strong>译注:你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是<strong>Facebook自家的代码规范</strong>
        ![Uploading image3_506273.png . . .]
        。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)。

    -----如何创建一个React Native项目:----

    • 安装好环境以后:
    1. 创建项目:
      cd到要存在此项目的目录,然后运行:
      react-native init AwesomeProject(项目名字)


    2. 运行项目:
      • 2.1 <strong>直接用xcode打开项目</strong>,点击运行;(运行时,首先会调用RN的<strong>本地服务器</strong>,也就是说他把它所有的内容都大包放到了本地服务器里面)


    3. 分析工程目录:


      • 存放一些配置信息:


      • 开发中我们主要是操作着两个文件:


      • 打开index.ios.js是编译器回报一堆警告:那时因为我们RN是用js的另外一种语法,JSX,切换一下就好!


    ---------------如何进行版本的管理(RN更新版本更新快)------------

    ------------在WebStrom中设置RN的代码提示-----------


    可以查看此链接帮助设置:
    http://blog.csdn.net/yayayaya20122012/article/details/51119801

    相关文章

      网友评论

          本文标题:对React Native的简单了解+环境配置的注意事项

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