最近我从 Ionic 框架切换到 vue-native（vue.js 围绕 react-native 包装），一切似乎都很酷，开发快速简单，但我在调试这些应用程序时遇到了一些实际问题。使用 Ionic Framework (Cordova)，我能够在 Web 浏览器中打开一个应用程序，并且可以从 Chrome 控制台轻松管理 Vuex 状态（例如）。在反应原生世界中似乎并不那么容易和微不足道。在vue-native中是否可以有类似的调试经验？当我的应用程序开始增长并变得复杂时，真的很难以其他方式处理它。任何帮助表示赞赏。
问问题
948 次
2 回答
0
当我将我的应用程序移植到 Expo（允许 JS 远程调试）并抓取React Native Debugger- https://github.com/jhen0409/react-native-debugger时，基本上我所有的问题都消失了。
重要的部分是在您的开发人员机器上安装模拟器（如 iphone 模拟器），因为调试器不能很好地与真机配合使用。
在调试器内部点击 cmd+t 打开一个新窗口并将端口设置为 19001（因为 Expo 使用此端口）。现在使用命令启动 expo，npm start并在 Expo 面板中点击“在模拟器中运行”按钮。
在模拟器中做出摇动手势（ctrl+cmd+z）并允许在开发者菜单中进行远程调试。
完毕。愉快的经历类似于科尔多瓦已知的经历。您有一个 js 控制台，您可以实时检查元素并更改样式。世博会带有实时重新加载，使事情变得更顺畅。
更多信息：https ://docs.expo.io/versions/latest/workflow/debugging/
于 2019-08-01T07:55:52.900 回答
0
不幸的是，您无法在 Chrome Dev Tools 中调试 VUE 文件中的脚本部分（您可以放置断点，但它们不能很好地工作），但是如果您将方法放到单独的 JS 文件中，它就像一个魅力。我知道，这是一种解决方法，但不是很大的痛苦，而且效果很好。
例如，请参阅我的 TODO 应用程序：https ://github.com/TheBojda/VueNativeTodo
于 2020-06-07T07:39:10.343 回答