zoukankan      html  css  js  c++  java
  • React Native iOS环境搭建

    前段时间React Native for Android发布,感觉React Native会越来越多的公司开始研究、使用。所以周六也抽空搭建了iOS的开发环境,以便以后利用空闲的时间能够学习一下。 

    废话不多说了,下面简单的列出步骤吧。 
    1. 安装Homebrew 
    Homebrew主要用于安装后面需要安装的watchman、flow 
    打开MAC的终端,输入如下命令: 

    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

    2. 安装nvm和nodejs 
    nvm是用于nodejs版本管理的工具,用于安装nodejs。 
    对于nvm应该可以使用brew直接安装,但是我没有用这个安装,读者可以自己使用如下命令试试: 

    brew install nvm 

    我使用的另一种方式,在终端中输入如下的命令: 

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash 

    这个命令按照官方的说明,应该会自动配置好环境,能够在任何的终端中使用nvm命令,但是我安装完了事不可以的。需要做额外的工作,需要在~/.bashrc, ~/.profile, ~/.zshrc文件中(如果没有自己创建),添加如下的一行语句: 

    . ~/.nvm/nvm.sh 

    这样就能够在任意的终端中使用nvm命令了。 
    然后执行如下的命令: 

    nvm install node && nvm alias default node 

    这个用于安装nodejs和npm。npm用于nodejs包依赖管理的工具。 
    3. 安装watchman 
    watchman是用于监听文件变化的工具,应该是用于监听文件变化,然后界面做出响应。执行如下命令: 

    brew install watchman 

    4. 安装flow 
    flow我个人理解的是用于静态分析js语法错误的工具,能够更早的js的语法错误。执行如下的命令: 

    brew install flow 

    到这里基本的环境就配置好了,下面创建一个iOS的例子,在终端中将目录切换到你保存工程的目录,然后执行如下的命令: 

    $ npm install -g react-native-cli   
    $ react-native init AwesomeProject     
    $ cd AwesomeProject/      
    • 1
    • 2
    • 3

    第二个命令第一次执行会执行很长时间,因为需要安装许多东西。然后再终端输入如下命令打开工程: 

    open ios/AwesomeProject.xcodeproj
    • 1

    这样就打开了iOS的工程,运行一下就能看到模拟器中的界面。 
    下面试着修改index.ios.js中的文本,然后在模拟器上按Cmd+R,这样能够看到修改马上就呈现到模拟器上了。

    尝鲜就到此为止了,以后还得努力学习React Native,期待以后的文章吧。

    ----------------------------------------------------------------------------------

    该教程主要介绍如何用react native来开发iOS,所以首先,你需要有一台mac,当然黑苹果也是可以的~

    创建一个react native的项目只需要安装以下五个组件~~(但....坑爹的是,不FQ的话安装慢成狗呀)

    1. 安装 xcode

    做过ios相关开发的都知道这个,作为ios开发的首席IDE,直接从Apple Store搜索下载就可以了。

    2. 安装 brew

    brew也要Homebrew,它是什么呢?官网的解释是:

    Homebrew installs the suff you need the Apple didn't. (简单点说,它就是能帮你更容易的安装、卸载一些组件,让你的MAC更好使些~)

    它的安装方式很简单,只需要一条ruby命令就好了。(MAC系统中已经默认安装了ruby,所以这里就不介绍了。)

    打开控制台,输入下面的命令,生下来的就只需要等待啦~

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    3. 安装 node.js

    注意要安装4.0以上的版本。

    在第三步中,我们已经安装好了brew,下面就可以用它来安装node.js啦~当然,你也可以直接到node.js官网下载安装。

    在控制台中输入

    brew install node

    4. 安装 watchman

    Watchman是用来监视文件并且记录文件的改动情况,当文件变更时它可以触发一些操作,例如执行一些命令~

    继续在控制台输入

    brew install watchman

    5. 安装 react native 命令行工具

    继续在控制台输入

    npm install -g react-native-cli

    如果看到出现error,说是permission denied,那就在控制台输入

    sudo npm install -g react-native-cli

     以上只是基本的组件,后续用到的时候再继续增加的~

    原文链接:React Native iOS环境搭建

                  react-native 如何搭建开发环境(iOS)

                  React-Native入门指导之iOS篇 —— 一、准备工作

                  homebrew curl: (35) Server aborted the SSL handshake

                  Mac 下安装Homebrew 总是失败,该怎么办?

         react-native —— 在Mac上搭建React Native Android开发环境

                  React Native 官方文档中文版

                  深入浅出React Native 1: 环境配置

  • 相关阅读:
    LeetCode偶尔一题 —— 617. 合并二叉树
    《剑指offer》 —— 链表中倒数第k个节点
    《剑指offer》 —— 青蛙跳台阶问题
    《剑指offer》—— 二维数组中的查找
    《剑指offer》—— 替换空格
    《剑指offer》—— 合并两个排序的链表
    《剑指offer》—— 礼物的最大价值
    生成Nuget 源代码包来重用你的Asp.net MVC代码
    Pro ASP.Net Core MVC 6th 第四章
    Pro ASP.NET Core MVC 6th 第三章
  • 原文地址:https://www.cnblogs.com/On1Key/p/5325732.html
Copyright © 2011-2022 走看看