使用Visual Studio Code编写react-native插件介绍

vs code安装插件如图



最后一个正方形图标然后在里面搜索下面的插件

小虫子的图标为调试项目用

dash:直接搜索在线文档

EsLint:代码静态检查工具

git history:图形化gitlog查看

Path Intellisense:路径自动补全

react native tools:rn开发必备该插件支持了代码智能提醒,运行调试

Typings auto installer:自动根据package.json中的依赖,下载对应的接口文件

debugger for chrome:调试插件

vscode运行项目

点击左侧的小虫子图标然后点击齿轮按钮它会让你添加react-native最后会生成一个launch.json文件里面就是vs code调试用的代码 如图



同时里面会有一些默认数据配置我们可以在那里面添加配置:比

如我要运行ios那么添加配置选择React Native. Debug ios/android

然后我们就可以调试项目和编写代码了