React-Natvie 配置教程 初次使用

React-Native官网

React Native   或者中文:react native - react native 中文网

(1)开始配置

开始使用React Native - react native 中文网

通过npm全局安装了react-native,你就可以使用react-native init DemoProject来生成你的第一个项目了。

React-Natvie 配置教程 初次使用_第1张图片

生成的项目结构如下:

1./android,安卓原生程序目录  。

2./ios,iOS原生程序目录

3.package.json,nodejs项目的配置文件

4.node_modules,nodejs的第三方库

5.index.ios.js,index.android.js,iOS安卓js的入口配置文件.

tips:

1.npm安装东西速度很慢?

可以使用国内淘宝镜像:http://npm.taobao.org/。npm install-g cnpm--registry=https://registry.npm.taobao.org

2.IDE

WebStorm: The Smartest JavaScript IDE

Sublime Text: The text editor you'll fall in love with

(2)运行项目

如果你用的是安卓,那一定要在终端cd 到你的DemoProject文件目录,并且npm start 开启node的调试服务器。如果你使用的是ios,那直接运行程序就可以。在项目build的过程里会自动帮你完成。

React-Natvie 配置教程 初次使用_第2张图片

你可能感兴趣的:(React-Natvie 配置教程 初次使用)