初始化项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

下面去创建一个初始化的项目 .. 打开命令行工具 … 进入到你想保存项目的地方 .. 然后使用 react-native init .. 后面是项目的名字 .. 比如我们创建一个叫 MovieTalk 的项目 .. 回车执行一下 ..

react-native init MovieTalk

这行命令会给我们创建一个叫 MovieTalk 的项目,这里会去下载项目需要的一些东西,然后放到 MovieTalk 这个目录的下面 … 这可能得等一会儿 . .

完成以后打开编辑器打开这个目录 .. atom MovieTalk ..

这里会有一些文件还有目录,这些东西就是一个简单的 React Native 项目 .. 打算为 iOS 平台开发应用,可以打开这个 index.ios.js ,创建 android 应用,可以使用这个 index.android.js ..

这些平台的项目会放在两个单独的目录的下面,android 还有 ios ..

我们可以先在 ios 的设备模拟器上运行一下这个项目 ... 在文件系统里面,打开刚才创建的这个 MovieTalk .. 找到 ios 这个目录 … 这个扩展名是 xcodeproj 的文件就是 ios 平台的项目文件 .. Mac 用户可以使用 xcode 打开这个文件 …

打开以后,再去运行一下 .. 先在这里选择要运行的设备 .. 选择 iPhone 6s .. 然后点击 运行 .. 这样会用 ios 的设备模拟器打开我们的项目 ..

默认就是会显示一个问候的文字 .. Welcome to React Native .. 上面还提示我们,按一下 Command + R 可以刷新显示 .. Command + D 可以打开,开发菜单 ...

或者也可以在 Hardware 菜单里面,选择 摇一摇 ... 这样也可以打开项目的开发菜单 ...

react-native run-android

初始化项目《 React Native #1 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点