React-Native Windows完全安装指南
React Native背景React Native 是facebook推出的,React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。 React Native的特点使用ReactNative可以动态的加载页面,获得像是H5页面那样的灵活性,同时又具有原生应用程序的性能,facebook在多个app中都使用了此技术,包括阿里,腾讯,携程等也在尝试在QQ空间,淘宝等App中使用本技术,因此,ReactNative未来的发展还是有非常大的前景,值得我们去学习 Windows环境下的开发环境安装由于ReactNative原生是在Mac机器上,关于Mac机器的安装指南官方已经说得非常详细了,这里,我只针对Windows平台的安装进行说明。
下载完成直接安装即可。 (如果只下载了nodejs.exe,则需要执行下面这一步 node cli.js install -gf
镜像修改前面提到官方的服务器从国内访问是非常慢,甚至会404,建议使用淘宝的镜像,使用方法是以下命令: npm config set registry “https://registry.npm.taobao.org“
安装React-Native-ClI组件使用npm安装的命令如下: npm install -g react-native-cli
如果没有报错,就一切成功了。 Hello React Native程序员的习惯,总要来一个helloworld。这里为了保证成功,我们也来创建一个hello react native. 现在,在你的workspace下,使用命令行 react-native init helloReactNative
这里的helloReactNative就是项目名称,你可以自起。 运行之前,需要进入到项目的根目录。在windows下,我们需要开启2个命令行窗口,一个用于启动服务。 react-native start
另起一个窗口进行编译。 react-native run-android
同时,起动genymotion模拟器(确保 模拟器能连接上电脑),显示以下屏幕,则算成功。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |