安装ReactNative开发IDE

时间:2022-08-25 12:09:23

https://blog.csdn.net/u014484863/article/details/51554428

https://github.com/reactnativecn/react-native-guide

VSCode安装以及插件配置

直接讲VSCode安装实在突兀,先介绍一下VSCode。

在 Build 2015 大会上,微软除了发布了 Microsoft Edge 浏览器和新的 Windows 10 系统外,最大的惊喜莫过于宣布推出免费跨平台的 Visual Studio Code 编辑器了!

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作……

4.1 安装Visual Studio Code

下载地址:https://code.visualstudio.com/Updates 
下载下来直接拖到Application中就可以使用了。

4.2 安装VSCode扩展工具

如果在VSCode上开发React Native,安装一个扩展工具可以带来极大的方便以及提高开发效率。该插件可以提供以下这些功能:调试代码、命令面板终端快速执行Reac-native命令、代码智能补全、React Native API以及React对象搜索浏览。

安装步骤: 
打开VSCode软件,按 Fn+F1; 
键入 ext install React Native; 
点击安装; 
重启VSCode。

4.3 使用VSCode于React Native项目

第一:调试配置 
首先导入项目到VSCode中,点击debugger icon 安装ReactNative开发IDE,然后点击配置icon 安装ReactNative开发IDE,然后选择React Native。

你可以修改哪些配置或者添加新的配置到这个列表中。你也可以利用在配置文件中其它的字段,例如,你能修改 target 字段指定iOS调试的模拟器

第二:开始调试(Start debug session) 
为了开始调试,通过配置下拉框选择一个调试项,然后点击运行箭头或者Fn+F5按键。这一步相当于android平台运行的运行方式:react-native run-native; 
iOS平台在Xcode中运行项目。 
具体看开头的连接地址