[TOC] ## 更新依赖关系 要更新[npm](https://www.npmjs.com/)依赖项，请运行以下命令，`<package-name>`要更新的包在哪里： ~~~ $ npm install <package-name>@<version|latest> --save ~~~ 例如，要将`@ionic/angular`软件包更新为标记的版本`latest`，请运行： ~~~ $ npm install @ionic/angular@latest --save ~~~ 建议通过CLI更新软件包，因为npm现在将从第`package-lock.json`一个软件包中读取软件包版本。 ## 编者 有很多编辑可供选择。这里有一些我们的最爱： * [VSCode](https://code.visualstudio.com/) * [Atom](https://atom.io/) * [Webstorm](https://www.jetbrains.com/webstorm/) 强烈建议使用VSCode，因为它包含许多开箱即用的功能和插件。 ## 使用调试器 该`debugger`关键字可用于调试应用。当大多数浏览器遇到`debugger`语句时，停止运行JavaScript，浏览器将加载其调试器。这可用于在应用程序中设置“断点”。例如，如果函数未返回正确的值，则可以使用调试器逐步执行代码并检查变量。 ~~~ function myBrokenFunction() { debugger; // do other stuff } ~~~ 当应用程序运行时，它将暂停此功能。从那里，开发人员工具可用于逐行运行JavaScript，并检查函数的确切位置。 ## 改变模式 默认情况下，在浏览器中查看应用程序时，Ionic将应用该`md`模式。但是，由于Ionic组件根据其平台进行调整，因此能够在iOS上查看此应用程序的外观是有帮助的。为此，请添加`?ionic:mode=ios`到正在投放应用的网址：`http://localhost:8100/?ionic:mode=ios`。 > 但是，这不会改变浏览器查看当前正在使用哪个平台的方式。平台由设备检测和检查用户代理确定。因此，要更改平台，必须更改用户代理。要执行此操作，请打开Chrome DevTools，然后使用Ctrl+Shift+i（Cmd+Option+I在Mac上）切换设备模式。  从设备下拉列表中选择设备将更改用户代理以及视口的尺寸。 ## 使用iOS模拟器 iOS模拟器可以在应用程序到达实际设备之前对其进行测试和调试。在使用之前，必须安装Apple的IDE[Xcode](https://developer.apple.com/xcode/download/)。该[离子CLI](https://ionicframework.com/docs/cli)然后可以用来在模拟器上的当前目录中运行应用程序： ~~~ $ ionic cordova emulate ios -lc ~~~ 在经过的`-lc`标记将启用livereload和控制台输出记录到一个终端。 Xcode还可用于启动模拟器和调试应用程序。打开Xcode并打开`../path-to-app/platforms/ios/myApp.xcodeproj`。应用程序加载后，控制台输出和设备日志将打印在Xcode的输出窗口内。 ## 使用Genymotion Android模拟器 虽然Android SDK附带了一个股票模拟器，但它有时会很慢而且没有响应。[Genymotion](https://www.genymotion.com/)是一种更快的替代模拟器，仍然允许访问GPS和相机等本机功能。 ## 远程调试 - iOS和Safari Safari可用于调试连接的iOS设备上的Ionic应用程序。首先，需要在连接的设备上启用Web Inspector。可以在下面找到Web Inspector`Settings > Safari > Advanced`。接下来，头向Safari浏览器的Mac上，使**展会发展的菜单栏菜单**下`Safari > Preferences > Advanced`。连接的设备现在应显示在“**开发”**菜单中。从那里，Safari的开发人员工具可用于检查和调试应用程序。 ## 远程调试 - Android和Chrome 当Chrome浏览器在浏览器中运行`ionic serve`或部署到模拟器或物理设备时，Chrome DevTools可用于调试应用程序。要检查模拟器或物理设备，请转到`chrome://inspect`Chrome，然后选择具有正在运行的应用的目标。 > 注意：物理设备可能需要启用开发人员模式才能从Chrome进行调试。 ## 远程调试 - VS代码插件 VSCode有一个专门的插件，用于调试使用Cordova构建的应用程序。[该插件](https://marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools)在设备和VSCode Devtools之间创建了一个桥梁，允许在编辑器中完成调试。