码迷,mamicode.com
首页 > 其他好文 > 详细

react native 入门 (1)- 环境搭建, 创建第一个Hello World

时间:2018-07-25 15:11:55      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:ack   编辑   node.js   android   二维码   构建   简单   src   二维   

Create React Native App 是开始构建新的React Native应用程序的最简单方法。它允许您启动项目而无需安装或配置任何工具来构建本机代码 - 无需安装Xcode或Android Studio。

先安装Node.Js,则可以使用npm来安装create-react-native-app命令行实用程序:

(NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准),

 技术分享图片

npm install -g create-react-native-app

 

然后运行以下命令以创建名为“AwesomeProject”的新React Native项目:

 

create-react-native-app AwesomeProject

cd AwesomeProject
npm start

这将为您启动一个开发服务器。

 

运行React Native应用程序


在iOS或Android手机上安装Expo client应用程序,并连接到与计算机相同的无线网络。 

在苹果上,我是用微信扫二维码,再在Expo上打开,这样来运行的.

技术分享图片

修改您的应用


现在您已经成功运行了应用程序,让我们对其进行修改。在您选择的文本编辑器中打开App.js并编辑一些行。保存更改后,应用程序应自动重新加载。

生成Project的结构, node_modules 有300多M

技术分享图片

技术分享图片


恭喜!您已成功运行并修改了第一个React Native应用程序。

react native 入门 (1)- 环境搭建, 创建第一个Hello World

标签:ack   编辑   node.js   android   二维码   构建   简单   src   二维   

原文地址:https://www.cnblogs.com/zitjubiz/p/react_native_1.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!