(003)RN开发VSCode配置RN以及常用快捷键_vs code连接模拟器后怎么运行rn项目

VS Code

• 开源
• 轻量级：更少的内存和 CPU 占用率
• 更大的社区：插件，教程等
• 使用 JavaScript 和 TypeScript 时更好一点
• 更多“面向未来”

WebStorm

• 更好的 PHP / Java 支持
• 不那么突兀
• 更可配置
• 更稳定

对比我选择了VSCode。因为团队都是VSCode。更多对比请搜索：“VSCode与WebStorm”。

Visual Studio Code 安装配置RN

1. 安装Visual Studio Code 。
   或者直接找同事copy。
2. 安装React Native 相关插件
   要用VS Code开发React Native，就必须要安装其React Native插件。

• 打开 VS Code 点击 Extensions
• 在输入框内输入React Native
• 选择 React Native 相关的插件安装。
  

用VC Code 打开RN工程

只需要把你的RN 工程项目文件拉到打开的VC Code 编辑器即可。

用VC Code运行到模拟器

• 打开VC Code 的终端
  
  也可以使用快捷键：control+shift+、。也可以自行修改快捷键。

• 查看目录文件内容
  终端打开后查看目录文件 ：输入$:ls
  可以看到package.json 文件内容，有执行的执行的脚本命令。

• 运行RN命令
  cd 到package.json 目录后运行

"android": "react-native run-android", // 运行在安卓模拟器
"ios": "react-native run-ios",	// 运行在iOS模拟器
"start": "react-native start",		// 启动服务
1
2
3

我们就执行：react-native run-ios 运行到iOS 模拟器上

react-native run-ios
1

等待。。。一忽儿，模拟器就起来了。