ReactNative
沐雨07
Keep Learning!
展开
-
(006)RN开发之iOS真机调试
第一步,使用Xcode打开项目第二步,使用真机运行项目第三步,晃动手机,选择Debug JS Remotely浏览器会自动打开地址:http://localhost:8081/debugger-ui/第四步,将localhost修改为本机ip地址查看电脑ip地址的方法:点击WiFi图标 --> 打开网络偏好设置…将第三步中的地址改为:http://192.168.37.66:8081/debugger-ui/ (说明:192.168.37.66是我电脑的ip地址,这里需要替换为你自己的电脑原创 2020-09-28 16:14:44 · 1711 阅读 · 0 评论 -
(005)RN开发 js jsx ts tsx的区别
背景:在入门RN开发的过程中,发现公司项目代码中,有的项目是全是.js的后缀文件。有的项目全是ts、tsx、js 文件。心中很是疑惑,所以就写个文章记录下自己的解惑的过程。js:是弱类型语言,容易出现一些编译时不报错,运行时crash的问题。ts: 是编译时语言,一些问题可以更早的别发现。JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚...原创 2020-04-07 19:18:43 · 26447 阅读 · 0 评论 -
(004)RN开发VSCode调试ReactNative项目
1. 添加配置文件点击小蜘蛛后,按第一步、第二步操作即可接着选择调试平台☑️下面四个。点击OK,会生成一个launch.json文件并打开。2. 添加断点接下来,我们回到DEDUG,点击右边的选择栏,选择Debug IOS在index.ios.js(IOS界面搭建文件)文件上设置一个断点3. 开始Debug快捷键F1—>输入 ReactNati...原创 2020-01-19 16:26:42 · 1392 阅读 · 0 评论 -
(003)RN开发VSCode配置RN以及常用快捷键
VS Code开源轻量级:更少的内存和 CPU 占用率更大的社区:插件,教程等使用 JavaScript 和 TypeScript 时更好一点更多“面向未来”WebStorm更好的 PHP / Java 支持不那么突兀更可配置更稳定对比我选择了VSCode。因为团队都是VSCode。更多对比请搜索:“VSCode与WebStorm”。Visual Studio ...原创 2020-01-19 15:11:47 · 5175 阅读 · 0 评论 -
(002)RN开发之第一个项目以及真机运行
1. 创建新项目YangBoProject使用 React Native 命令行工具来创建一个名为"YangBoProject"的新项目,终端中执行以下命令react-native init YangBoProjectreact-native init YangBoProject --version 0.44.3–vsersion xxx是选择版本,不加默认使用最新。建议加上,因为最新版...原创 2020-01-19 11:09:52 · 986 阅读 · 0 评论 -
(001) RN开发之Mac搭建开发环境
接触RN第一步:React Native中文网搭建开发环境必须安装的依赖有:Node、Watchman 和 Xcode。我们推荐使用Homebrew来安装 Node 和 Watchman。在命令行中执行下列命令安装:1.HomebrewMac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件ruby -e "$(curl -fsSL https://ra...原创 2017-03-21 15:38:41 · 840 阅读 · 0 评论