Windows10操作系统的Linux子系统使用yarn安装CreateReactNativeApp快速搭建跨平台应用

Posted by

create-react-native-app是Facebook的一款开源项目,可以使你不需要任何配置就能够创造一个可以运行在任何操作系统上的跨平台的APP。主要的好处就是,免配置的快速搭建一个ReactNative的跨平台的APP。文武双全之前在Windows10系统下,在VirtualBox虚拟机内使用通过Vagrant构建的Ubuntu16操作系统环境下,使用npm的方式初始化create-react-native-app失败。2017年7月30日,文武双全通过Windows10操作系统内的Linux子系统,使用yarn构建create-react-native-app项目成功了。npm5构建create-react-native-app项目暂时有bug,就尝试了一把yarn,感觉比npm好,😄。由于墙的问题,apt-get install yarn失败了。我是用npm install yarn安装的yarn,哈哈。

重要提示:使用本教程前,请先谷歌一下。确保使用的是win10,以及win10系统内已经安装了Linux子系统。没有升级win10和没有Linux子系统的,请务必先升级。

第一步:更新win10的Linux子系统

使用win+R键,呼出win10的“运行”命令框。然后输入“bash”命令,呼出win10系统的bash命令行界面。输入以下命令更新Linux子系统:

apt-get update && apt-get upgrade

第二步:安装nodejs和npm

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

win10子系统的Linux内默认的nodejs版本很老,需要去nodejs官方网站按照教程安装最新版本的nodejs。据说nodejs8性能有大幅提升,所以这里就提供nodejs8的安装教程。

npm的安装,貌似可以通过apt-get install npm来。但是,坑爹的是目前npm5有个bug无法使用npm直接创建create-react-native-app项目。需要再安装yarn,然后通过yarn来初始化create-react-native-app项目。

第三步:通过npm曲线救国,安装yarn

按照yarn官方的教程,无法安装,因为那个yanrpkg的网站被墙了。目前倒是能通过npm曲线救国,安装yarn。实际使用yarn初始化nodejs项目,感觉良好,推荐。

npm install --global yarn

第四步:全局安装create-react-native-app

yarn global add create-react-native-app

如果没root权限,可能要用yarn global add create-react-native-app命令。

第五步:创建ReactNative项目

create-react-native-app    your-app-name

cd    your-app-name

第六步:默认在开发模式下启动项目

yarnpkg start

这一步执行完,会出现一个二维码。只要手机和电脑在同一个网段,就可以通过扫码来调试这个app啦。也可以通过exp网址,来访问项目。

第七步:友情提示

项目很吃内存,我16GB的内存都不够用。这个linux子系统,在start后竟然被win10告警内存不足。。。看来要换块主板,插32GB的内存了。。。

官方网站:https://github.com/react-community/create-react-native-app

文武双全的总结

免配置搭建一个跨平台的App,就是这么神奇。

Leave a Reply

Your email address will not be published. Required fields are marked *