跳到主要内容
版本：v7

Development Tips

解决权限错误​

当全局安装软件包时，可能会出现 EACCES 权限错误。如果出现这种情况，可能需要配置 npm 使其无需提升权限即可运行。

备注

不建议将 sudo 与 npm 一起使用，因为这可能会导致更多复杂问题。

本指南提供了两种解决权限问题的方案。完整文档和其他选项请参阅 npm 文档。

方案一​

避免权限问题的最佳方法是使用 node 版本管理器重新安装 NodeJS 和 npm。

本指南将记录 nvm 的安装和使用。完整文档请参阅 nvm 文档。其他选项和 Windows 系统的说明请参阅 npm 文档。

  1. 安装 nvm。

    $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

  2. 现在新终端将使用 nvm。要验证安装，请打开新终端并运行以下命令。如果有输出，则安装成功。

    $ command -v nvm

  3. 要下载并安装最新的 NodeJS LTS 版本，请运行：

    $ nvm install --lts

  4. 将新安装的 NodeJS 设置为默认环境：

    $ nvm alias default lts/*

  5. 现在新终端将使用 nvm 控制的 NodeJS。要验证：

    $ node -v  # 将打印上面安装的版本
    $ which npm  # 将打印 ~/.nvm 文件夹内的路径

现在全局软件包将安装在 ~/.nvm 目录中，因此只要在不使用 sudo 的情况下使用 npm，应该就不会再出现权限错误。

方案二​

不适用于 Windows 系统

将 npm 目录的所有者更改为当前用户：

$ sudo chown -R $(whoami) /usr/local/{lib/node_modules,bin,share}
$ sudo chown -R $(whoami) /usr/lib/node_modules
$ sudo chown -R $(whoami) ~/.npm ~/.npmrc

由于这些全局目录不再由 root 拥有，因此可以在不使用 sudo 的情况下全局安装软件包。

更新依赖项​

要更新 npm 依赖项，请运行以下命令，其中 <package-name> 是要更新的软件包：

npm install <package-name>@<version|latest> --save

例如，要将 @ionic/angular 软件包更新到标记为 latest 的版本，请运行：

npm install @ionic/angular@latest --save

建议通过 CLI 更新软件包，因为 npm 现在会优先从 package-lock.json 读取软件包版本。

代码编辑器​

有很多代码编辑器可供选择。以下是我们最喜欢的几款：

使用调试器​

可以使用 debugger 关键字来调试应用程序。当大多数浏览器遇到 debugger 语句时，JavaScript 的运行会停止，浏览器将加载其调试器。这可用于在应用程序中设置“断点”。

例如，如果某个函数没有返回正确的值，可以使用调试器来逐步执行代码并检查变量。

function myBrokenFunction() {
  debugger;
  // 执行其他操作
}

当应用程序运行时，它将在该函数处暂停。然后，可以使用开发者工具逐行运行 JavaScript 代码片段，并精确检查函数在何处出现问题。

更改模式​

默认情况下，当在浏览器中查看应用程序时，Ionic 会应用 md 模式。但是，由于 Ionic 组件会根据其平台进行调整，因此能够查看应用程序在 iOS 上的外观会很有帮助。为此，请在提供应用程序服务的 URL 中添加 ?ionic:mode=ios。例如，如果应用程序在端口 8100 上提供服务，则 URL 应为：http://localhost:8100/?ionic:mode=ios。

备注

这不会改变浏览器看到的正在使用的平台。平台是通过设备检测和检查用户代理来确定的。要更改平台，必须更改用户代理。为此，请使用 Ctrl+Shift+I（Mac 上为 Cmd+Option+I）打开 Chrome DevTools，然后使用 Ctrl+Shift+M（Mac 上为 Cmd+Option+M）切换设备模式。

Chrome DevTools 显示设备模式，并选择了 iPhone X。

从设备下拉菜单中选择设备将更改用户代理以及视口的尺寸。

使用 iOS 模拟器​

iOS 模拟器可以在应用程序到达实际设备之前进行测试和调试。

在使用之前，必须安装 Apple 的集成开发环境 Xcode。

然后可以使用 Ionic CLI 在当前目录的模拟器上运行应用程序：

ionic cordova emulate ios -lc

传入 -lc 标志将启用实时重新加载并将控制台输出记录到终端。

Xcode 也可用于启动模拟器并调试应用程序。

打开 Xcode 并打开 ../path-to-app/platforms/ios/myApp.xcodeproj。

应用程序加载后，控制台输出和设备日志将打印在 Xcode 的输出窗口中。

使用 Genymotion Android 模拟器​

虽然 Android SDK 附带了一个标准模拟器，但它有时可能运行缓慢且反应迟钝。

Genymotion 是一个替代模拟器，速度更快，并且仍然允许访问 GPS 和摄像头等原生功能。

Contents

编辑此页