React Native 上手

IDE建议使用VS Code，比较轻量级，插件想装就装，当然首选插件React Native Tools

安装好VS Code后，可以了解几个常用的快捷键

Alt + Shift + F 格式化 Ctrl + [ 选中内容缩进向左移动 Ctrl + ] 选中内容向右移动 Ctrl + C 复制当前行 Ctrl + V 粘贴复制的内容 Ctrl + X 剪贴当前行 Ctrl + / 行注释 Ctrl + F 查找 Ctrl + H 替换 Alt + Shift + A 块注释 Alt + ↓ / ↑ 向上/向下移动行 Ctrl + K Ctrl + 0 (Ctrl + K + 0) 全局方法折叠 Ctrl + K Ctrl + J (Ctrl + K + J) 全局方法展开 Ctrl + Shift + [ 当前块折叠 Ctrl + Shift + ] 当前块展开

调试可以使用模拟器，百度搜索可以显示一大堆，建议还是使用系统模拟器，下载Android Studio会自带，有条件的就使用真机吧

常用命令

开发之前先了解几个常用到的npm命令

npm list -g --depth 0 	//查看已安装的包
npm i 'name' / npm install 'name'	//安装
npm i -g 'name'		//升级

Ctrl + M 	//打开模拟器调试选项
adb shell input keyevent 82	//通过命令行打开模拟器调试选项
复制代码

导入项目

项目下载好后，通过命令行进入目录
npm install		//安装项目依赖
npm rm -rf node_modules	//强制删除node_modules文件夹
npm rm -rf node_modules && npm install	//上两者的结合
复制代码

引入依赖

npm install --save react-native-webview 	//引入webview
react-native link react-native-webview		//关联webview，某些需要原生支持，故需要添加link
复制代码

了解

把环境安装好，先按照提示，写个**Hello，World！**练练手

建议先把入门基础按照提示比对敲完，这时大致对react语法有个认识

React基于ES6，那就好了，咱们找个简答的教程菜鸟教程，赶紧熟悉下

啥，你说ES6教程这么简答，那是怕打消你的自信心，来给你个复杂的地址ECMAScrip 6 入门，这个文档可能有点复杂，看不完也别怕，后续咱们直接项目了解

这个时候，因为对应用还不了解，暂不建议你看官网的进阶指南和使用指南

着手

如何上手快，当然是跟着项目一起做喽，这里推荐一位大神的教程，如果视频找不到，建议翻翻评论，建议花上一周时间跟着视频一点点的敲出来

当然，因为视频录制的比较早，可能某些控件已过期，需要在导入的时候注意，为避免弯路，对部分控件导入见文末，最新可以参考 代码 ，下载运行查看效果就是了，如果不知道怎么安装，请查看上面导入项目。

项目中会有其他的小demo，后续有时间再更了

附

AsyncStorage引入
npm install @react-native-community/async-storage --save
react-native link @react-native-community/async-storage

WebView引入
npm install react-native-webview --save
react-native link react-native-webview

Navigator引入
npm install react-native-deprecated-custom-components --save

PropTypes引入
npm install --save prop-types

TabNavigator引入
npm install --save react-native-tab-navigator
复制代码