React Native【1.搭建项目HelloWord】


前言

因为本人是用Mac开发Android,所以这一篇是针对Mac\Android的介绍使用。

一个RN的HelloWorld项目

一、环境配置

<一> 预先的准备

1.部署JAVA环境。(教程:www.jianshu.com/p/d0a7e0ae0e53

2.下载最新的Android Studio(Android开发的IDE,地址:www.androiddevtools.cn/

3.Android SDK 23 (在Android Studio中 Tools->Android->SDK Manager中下载各个版本)

<二> 下载依赖

mac 环境:

brew install node

npm install -g yarn react-native-cli

二、初始化项目:

cd 到你需要创建的目录地址,调用以下命令。(cd ~/Documents/)

react-native init YourProject

到这里你的项目已经创建。

三、运行项目

<一> Android Studio 打开项目。

1.项目一级目录

<二> 打开Android Studio自带模拟器

2.AS截图


<三> 启动React Native项目服务

cd 到项目一级目录下 (如上图1,例:cd ~/Documents/YourProject/),运行命令。

react-native run-android

报错:watchman --no-pretty get-sockname returned with exit code=1, signal=null, stderr= 2017-06-02T19:03:07,755: [3082920896] the permissions on /usr/local/var/run/watchman/melon-state allow others to write to it. Verify that you own the contents and then fix its permissions by running `chmod 0700 /usr/local/var/run/watchman/melon-state`

解决:chmod 0700 /usr/local/var/run/watchman/<user>-state/

四、HelloWord


4.模拟器截图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容