摘要:是开源的,在和的基础上构建原生的和应用的平台。着力于提高多平台的开发效率,。下面简单介绍下的环境搭建。环境要求最新的系统,要开发应用就必须使用系统。运行在当前目录下会多出一个的目录,里面是项目的文件。
Any application that than can be written in JavaScript will eventually be written in JavaScript -Jeff Atwood
React Native是Facebook开源的,在Javascript和React的基础上构建原生的Android和IOS应用的平台。
React Native着力于提高多平台的开发效率,Learn once,write anywhere。
下面简单介绍下React Native的环境搭建。
环境要求最新的OS X系统 ,要开发IOS 应用就必须使用Mac OS系统。
Homebrew:安装教程 http://brew.sh/ ,Mac上的包管理软件
Node.js : https://nodejs.org/en/
watchman:https://facebook.github.io/watchman/docs/install.html
facebook的开源的一个文件监视系统。
flow:http://flowtype.org/ facebook开源的一个JavaScript静态检查工具
安装Homebrew:
/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"
使用Homebrew安装node.js:
brew install node
安装watchman:
brew install watchman
安装flow :
更新brew install flow
如果已经安转了以上的软件,需要更新到当前最新版本。
首先更新Homebrew的版本库:
brew update
更新Homebrew库的内容:
brew upgrade
清除不再使用的资源:
安装react-nativebrew cleanup
npm是nodejs的包管理,使用npm可以安装nodejs的包,react-native也是nodejs的一个包。
使用npm安装react-native:
npm install -g react-native
安装react-native命令行工具:
npm install -g react-native-cli
运行命令:
react-native -v
得到结果:
react-native-cli: 1.0.0 react-native: 0.20.0
react-native安装成功
第一个react-native项目新建第一个react-native项目
react-native init HelloRN
o run your app on iOS: cd /Users/***/Documents/github/react-native/HelloRN react-native run-ios - or - Open /Users/***/Documents/github/react-native/HelloRN/ios/HelloRN.xcodeproj in Xcode Hit the Run button To run your app on Android: Have an Android emulator running (quickest way to get started), or a device connected cd /Users/***/Documents/github/react-native/HelloRN react-native run-android
运行ios:
react-native run-ios
在当前目录下面多了一个ios的目录,里面新建一个project,HelloRN的项目。
运行Android
react-native run-android
在当前目录下会多出一个anroid的目录,里面是android项目的文件。
运行react-native项目的时候首先会使用react-native start启动一个端口为8081的服务,用来提供JavaScript代码。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/16037.html
摘要:是开源的,在和的基础上构建原生的和应用的平台。着力于提高多平台的开发效率,。下面简单介绍下的环境搭建。环境要求最新的系统,要开发应用就必须使用系统。运行在当前目录下会多出一个的目录,里面是项目的文件。 Any application that than can be written in JavaScript will eventually be written in JavaScri...
摘要:是开源的,在和的基础上构建原生的和应用的平台。着力于提高多平台的开发效率,。下面简单介绍下的环境搭建。环境要求最新的系统,要开发应用就必须使用系统。运行在当前目录下会多出一个的目录,里面是项目的文件。 Any application that than can be written in JavaScript will eventually be written in JavaScri...
摘要:环境的搭建安装依赖在这里我把用的软件全部都传到了我的百度网盘上,可以直接去下载文件链接密码文件,包含和文件链接密码文件链接密码文件链接密码文件链接密码安装软件我建议大家把软件安装到盘安装修改环境变量在系统变量里添加变量名变量值你安装的的位 React-native环境的搭建 安装依赖 在这里我把用的软件全部都传到了我的百度网盘上,可以直接去下载: license文件 链接:http:...
摘要:安装是一个类似于,的包管理工具。检查是否安装成功,在命令行输入,回车,安装成功会看到的版本号。工程时,出现未能加载组件。发布到手机时出现。把工程中的文件夹导入,更改版本,重新编译后发布到手机上可以解决此问题。 安装chocolatey chocolatey是一个类似于yum,apt-get的包管理工具。 @powershell -NoProfile -ExecutionPolicy B...
摘要:以下大部分内容来自官方,有微调系统要求一个装有系统的开发机包管理工具安装或者更新定期执行环境安装安装环境安装,如果被墙,去修改配置文件在命令行运行,安装依赖的包安装模拟器相关,可以和一起安装安装虚拟机加速模块完成后安装控制台执行验证 以下大部分内容来自官方,有微调 系统要求 一个装有 OS X 系统的开发机 Homebrew 包管理工具 brew install nvm brew ...
阅读 1271·2021-11-24 09:39
阅读 1351·2021-11-02 14:42
阅读 378·2021-10-18 13:24
阅读 664·2021-10-12 10:12
阅读 1634·2021-09-02 15:41
阅读 2865·2019-08-30 15:56
阅读 2765·2019-08-29 16:09
阅读 1916·2019-08-29 11:13