React Native 实战

Get Started

Posted on 2019-08-28 in react-native

绝对不会鸽的一个系列, 虽然我两年没碰过 React Native 了.

安装环境, 赶紧上车.

买个 MacBook Pro 吧.

请到 App Store 下载好 Xcode 最新版

然后控制台

brew install node watchman

我先不管 AndroidWindows 用户, 后面章节再处理, 先这样 (等我 WTG 硬盘送到).

再通过安装好的 NodeJS 安装其他工具, 同时创建个初始化项目, 这里我们用上 TypeScript, 因为我吃得饱

npm i -g react-native-cli
react-native init Awesome --template typescript
cd Awesome && react-native run-ios

好了, 现在执行后样子大概长这样.

执行结果

然后我们可以玩玩这个东西, 在模拟器状态下, 按一次 command + d 快捷键

菜单

哦呦, 打开了一个菜单, 其中 Enable Hot Reloading 这个选项是热更新选项, 还有 Toggle Inspector 选项, 一个是打开类似网页开发中查看元素功能. 至于 Debug JS Remotely 这个选项, 可以自动打开股沟 Chrome 浏览器的调试工具 (两三年前是这样, 现在新版本是打开你的默认浏览器调试工具, 于是我打开了 Firefox.讨厌股沟是一种病, 我已经无药可医).

之前就是找个 git 托管平台然后把初始化的项目提交上传到托管平台去. 推荐 Coding 或者 gayhub 哦.


一个会持续更新到仓库.
learn-react-native coding