【React Native】Expo安装教程

由于最近决定专一于React开发，所以暂时放下我的Vue，转向React Native。现在大厂对前端工程师的要求越来越高，除了会Web开发，还得会移动端开发，小程序开发balabala…作为即将毕业的菜鸡，只能加班加点的疯狂补前端技术，希望来年春招能有个公司看得上我，求带走哇！
话说回来，那今天就请开始我的“表演”吧。今天要做的就是一件事：把expo下载好，创建好一个初始RN项目。

下载expo脚手架

npm i -g expo-cli

报错如下：

说明权限不够，需要开启更多的权限。所以使用下面的命令再次进行下载：

sudo npm i --global expo-cli

当然是安装成功了啦～输出内容如下图所示，如果出现了最后一行的内容，说明安装成功！

为了证明我们真的安装成功了，我们输入下面的命令：

expo

输出内容像下面这样就说明我们真的安装成功啦～～

哇真的好多命令呀，，这些以后都有可能会用到的呢，不过先不管啦，反正我们已经全局安装好expo啦～
接下来我们要初始化一个expo项目。首先进入到我们想要把项目创建在指定的位置，比如我想把它创建在我最近做的项目的总文件夹workspace中。那么这个时候就要输入这样的一个命令来创建一个expo项目啦～～

expo init myExpo-project // 'myExpo-project'是我自己定义的一个名称，你们可以自己想一个，当然也完全可以跟我一样的啦

然后我的输出是这样滴：

现在我们又完成了一件事啦，离RN开发又近了一步呢
创建好expo项目之后，我们当然要启动一下它，看看它能不能正常运行呀，不然后期写一大堆代码都不知道效果咋样。来吧！接下来需要进入到这个项目目录中，再启动项目。

npm start //这是启动项目的命令哟，一定要记住哈，不然以后会比较麻烦，也显得不专业

结果请看下面：

具体久不介绍了，看得懂英文的不需要我教，看不懂的可以百度谷歌翻译，嘿嘿，实在看不明白的可以私信我哈
在这里我选择在web端查看项目界面，由于其他的我也没安装，也看不了。所以呢我就在键盘上按下了w这个具有特殊意义的字母。

啊呀没有成功，让我下载一个东西，那我就乖乖下载就是啦。复制一下上面的白色命令按下回车就等待他成功吧。不过宝宝们需要注意哦，此时我们需要Ctrl+C退出当前环境才可以继续哦。请看大屏幕：

看到了吗，我Ctrl+C后出现了第一行的内容，你们也要一样哦。
此时我们就可以真的把项目运行起来啦～～～我今晚的成果要blingbling显示啦，快快搬好板凳～～～
首先看下命令行输出：

然后自动跳转到谷歌浏览器：

我是运行在19006端口上的哈，不同的机子可能不一样，这没有问题的啦。
最后，我们再瞄一眼项目的目录结构，让大家心里踏实，也让我这个新手心里也踏实。

OK大功告成啦，明天就可以开始真正的RN开发啦，Fighting！