React Native 学习笔记一之简单介绍

React Native 的第一个应用

一.执行命令 react-native init 项目名称,生成一个工程

• 注意:第一次创建项目的时候,之后再创建就会很快,这个过程可能很长很长时间,一定要有耐心,可以先做别的,然后随后再回来看看.

二.目录结构分析

• 1.默认生成 android 和 ios 两个平台的原生项目;
• 2.其中 index.Android.js 和 index.ios.js 文件为 Android 和 ios 的空壳应用文件;
• 3.此外,node_modules 文件夹是为 Node.js 存放和管理 npm 包资源,也包含 React Native 框架文件

三.运行工程文件

• 打开 Xcode，运行你的第一个 React Native 创建的 iOS 应用
• 把 React Native 创建的应用跑在 Android 上

四.管理 React Native 库的版本

• 在开发中，会经常的去控制 React Native 的版本库，得以适配各种条件下的开发，那该如何查看、控制 ReactNative 的版本呢？

• 1.命令行输入 react-native --version 查看本地的 React Native 的版本

• 2.命令行输入 npm update -g react-native-cli 更新本地的 React Native 的版本

• 3.命令行输入 npm info react-native 查询 react-native 的 npm 包最新版本

• 4.升级或者降级 npm 包的版本.npm install --save react-native@0.26

五.WebStom 设置 React Native 代码提示

• 在 WebStom 中是没有 React Native 代码提示的,可以从网上下载 xml 插件

• 1.从 gitHub 上下载 xml 插件

• 2.安装
  将 ReactNative.xml 复制到 ~/Library/Preferences/WebStorm10/templates，然后重启 WebStrom

  • 注意如果没有 templates 可以自己创建一个叫做 templates 的文件件,然后复制粘贴进去