windows下webstorm调试react native

Posted 拥剑公子的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了windows下webstorm调试react native相关的知识,希望对你有一定的参考价值。

安装请参考:http://www.cnblogs.com/wjx0912/p/5662457.html

 

webstorm在2016.10.20的版本才正式增加react native的调试支持,所以webstorm一定要更新到最新版本

https://blog.jetbrains.com/webstorm/2016/10/webstorm-2016-3-eap-163-6512/

https://blog.jetbrains.com/webstorm/2016/11/webstorm-2016-3/

 

webstorm打开工程后

(1)菜单File->Default Settings,然后选Languages&Frameworks -> javascript ,右边选React JSX

(2)菜单Run -> Edit Configurations,然后点加号,找到react native,后面都默认

(3)render()函数里面加断点测试,运行调试,在android模拟器中点menu键,出来菜单选择debug

 

智能提示

需要安装插件:https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

 

以上是关于windows下webstorm调试react native的主要内容,如果未能解决你的问题,请参考以下文章

webstorm断点调试React

如何使用 WebStorm 调试 NextJS React 应用程序?

WebStorm react-native 调试不起作用

在 WebStorm 中打开 React Native 调试器

webstorm中使用debugger模式调试 react vue 前端代码,可以在webstorm源码处打断点

WebPack+WebStorm调试