初始React Native - 环境搭建

来源:互联网 发布:倾国倾城美人知乎 编辑:程序博客网 时间:2024/06/06 06:27

React Native是2015年9月份Facebook公司推出的一套框架,该框架以组件化形式开发,也就是说它封装了一套套组件,使用React Native可将同一份业务逻辑代码运用到不同的平台,使用js和React来开发不同平台的UI,提高开发效率和成本。本人正在学习React Native ,学习了一些大神发表的有关React技术分享,特此整理以供学习。

环境配置:

1:首先得安装nvm管理器,它主要是管理Node,js的。nvm项目地址  

根据提示利用curl方式进行安装:

sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash
2;然后应该出现如下的界面:


3:接下来就是在信息配置到文件中,操作如下:


4:到这就可以印证nvm是否安装成功,通过命令行执行nvm  --version检查一下nvm是否已经安装成功。

5:安装成功之后就可以下载安装Node.js了,执行以下命令之后就会进行下载安装,需等待一会

   nvm install node && nvm alias default node
6:安装flow,flow是一个 JavaScript 的静态类型检查器,能找出代码中存在的类型错误。flow官网

7:最后就是React Native安装,也是敲命令行即可

    npm install -g react-native-cli
8:ok到这里就基本配置完成,这里建议大家安装一个组件管理器,利用它可以直接在终端安装组件

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
然后通过命令行执行brew -v进行检查brew是否已经安装成功

接下来就是新建第一个React项目

 react-native init 你的项目名
等待一会,会出现项目信息,找到项目所在,如图:



这就是一个完成的配置及创建过程,那么怎么打开这么项目呢!继续往下走

1.命令行执行cd MYReactNativeProject,路径切换到项目主目录

2.点击ios/MYReactNativeProject.xcodeproj进行运行Xocde

3.使用编辑器进行打开index.ios.js进行相关修改,然后运行应用即可。

总结:有句话说的好,工欲善其事,必先利其器,推荐一个编辑代码的工具Atom,最后根据如下的截图安装Nuclide,完成之后就可以随心所欲写代码啦




0 0
原创粉丝点击