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 ,然后点击配置icon ,然后选择React Native。
你可以修改哪些配置或者添加新的配置到这个列表中。你也可以利用在配置文件中其它的字段,例如,你能修改 target 字段指定iOS调试的模拟器
第二:开始调试(Start debug session)
为了开始调试,通过配置下拉框选择一个调试项,然后点击运行箭头或者Fn+F5按键。这一步相当于android平台运行的运行方式:react-native run-native;
iOS平台在Xcode中运行项目。
具体看开头的连接地址