笔记

react-native学习笔记

安装依赖
必须安装的依赖有：Node、Watchman、JDK 和 Android Studio。

虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。


1创建新项目
 npx react-native init AwesomeProject 

2编译并运行 React Native 应用
cd AwesomeProject
yarn react-native run-android
yarn react-native run-android只是运行应用的方式之一。你也可以在 Android Studio 中直接运行应用

出现了这个错误 Installing DoubleConversion (1.1.6)离线安装
重复执行 yarn react-native run-android 中间执行了下面几个命令
$ cd node_modules/react-native/scripts && ./ios-install-third-party.sh && cd ../../../
$ cd node_modules/react-native/third-party/glog-0.3.5/ && ../../scripts/ios-configure-glog.sh && cd ../../../../


进入AwesomeProject文件夹开启react-native 服务，不要关闭，重要，如果不开启服务会出红屏问题(Could not get VatchedBridge…)

3 androidstudio 打开AwesomeProject中的Android文件夹

4 下载依赖包 同步,注意sbt shell这个窗口,在不断的下载依赖包

5 运行Android项目

VSCode 运行AwesomeProject 项目

1 需要安装React Native Tools插件
2 点击 create a launch.json file. 在选择环境时选中 'React Native' 

3 在界面上点击 Add Configuration  
"configurations": [
        
        {
            "type": "android",
            "request": "launch",
            "name": "Launch App",
            "appSrcRoot": "${workspaceRoot}/app/src/main",
            "apkFile": "${workspaceRoot}/app/build/outputs/apk/debug/app-debug.apk",
            "adbPort": 5037
        },


4 修改配置项目 默认项目没有android 
 "appSrcRoot": "${workspaceRoot}/android/app/src/main",
  "apkFile": "${workspaceRoot}/android/app/build/outputs/apk/debug/app-debug.apk",

5 Launch/Debug App  选择Launch App  






开发工具
VS Code是目前非常受 JS 开发者欢迎的 IDE 工具。

Ignite是一套整合了 Redux 以及一些常见 UI 组件的脚手架。它带有一个命令行可以生成 app、组件或是容器。如果你喜欢它的选择搭配，那么不妨一试。

App Center是由微软提供的热更新服务。热更新可以使你绕过 AppStore 的审核机制，直接修改已经上架的应用。对于国内用户，我们也推荐由本网站提供的Pushy热更新服务，相比 CodePush 来说，提供了全中文的文档和技术支持，服务器部署在国内速度更快，还提供了全自动的差量更新方式，大幅节约更新流量，欢迎朋友们试用和反馈意见！

Expo是一套沙盒开发环境，还带有一个已上架的空应用容器。这样你可以在没有原生开发平台（Xcode 或是 Android Studio）的情况下直接编写 React Native 应用（当然这样你只能写 js 部分代码而没法写原生代码）。
stevenzqzq
发布了277 篇原创文章 · 获赞 84 · 访问量 38万+
他的留言板关注
用AndroidStudio和vsCode运行ReactNative项目

笔记

猜你喜欢
