[React Native]IDE-VSCode
2016-04-18 本文已影响5773人
zhuhf
本文的前提是你已经配置好了React Native的环境，还不熟悉的朋友请先移步这里。
上一篇文章我们介绍了WebStorm的安装和使用。本来我不打算介绍VSCode了，后来试用了下，发现VSCode对于编写ReactNative程序来说真的非常适合（目前来说），因为他有快捷的部署能力（react-native run android、react-native start等命令）和良好的ReactNative插件支持，我们看一张演示图
react-features.gif
VSCode安装步骤（Windows）
. 官方网站下载安装包，点击默认安装即可
. 安装vscode-react-native插件
- 按下 F1 键，出现图示的输入框
- 删除>符号，输入 ext install react-native，按下回车键，点击图2红色区域的按钮耐心等待即可（鼠标移除VSCode你会发现输入框没了，不用担心，安装好了会提示你的~这点真够恶心，导致我几次都以为不在下载，这点差评！）
- 安装好了会提示你重启，点击立即重启，如图3
图1
图2
图3
. 调试
导入React-Native项目，这边以react-native-gitfeed为例
1.安装调试环境，依次点击图4的步骤，选择React Native，会发现图4三角箭头右边的提示出现Debug Android，如图5
图4
图5
2.点击图5安装应用到手机或者模拟器(如果没有Debug Android，可以通过F1键，打开输入框，输入react开头，如图6，选择 React Native Run Android 来部署应用，成功之后再选择 React Native Start Packager 来开启服务)
图6
这样应用就会安装到你的手机上了，接下来我们就可以直接调试我们的应用啦~
