ionic devapp

Cables. Who needs them? Not you, because you’re using Ionic DevApp! This is an awesome application available on the iOS and Android stores that allow you to test your Ionic applications on the device, quickly and easily.

电缆。 谁需要他们？ 不是您，因为您正在使用Ionic DevApp！ 这是iOS和Android商店上提供的出色应用程序，可让您快速轻松地在设备上测试Ionic应用程序。

Better yet - all changes that you make from within your editor are shown inside of the application almost instantly. What more could you need?

更好的是-您在编辑器中所做的所有更改几乎都立即显示在应用程序内部。 您还需要什么？

Let’s look at how we can get up and running with Ionic DevApp.

让我们看看如何使用Ionic DevApp来启动和运行它。

安装Ionic DevApp (Installing Ionic DevApp)

You guessed it. The first step is to head over to your respective App Store and download the Ionic DevApp application. Here’s a link for and .

你猜到了。 第一步是前往各自的App Store并下载Ionic DevApp应用程序。 这是和的链接。

使用Ionic DevApp (Using Ionic DevApp)

Great. Most of the hard work is now already done. Open the application up and you’ll be prompted to log in to your Ionic account.

大。 现在大多数辛苦的工作已经完成。 打开应用程序，系统将提示您登录您的Ionic帐户。

If you haven’t created an Ionic account, now’s the time to head over to the and do so.

如果您还没有创建Ionic帐户，现在是时候去 。

We’ll then need to create a new Ionic project to run on our phone. Let’s go ahead and make a new Ionic/Angular project to demonstrate this:

然后，我们需要创建一个新的Ionic项目以在手机上运行。 让我们继续进行一个新的Ionic / Angular项目，以证明这一点：

# Ensure you have the Ionic CLI installed$ npm i ionic -g# Create a new Ionic project with the name of your choosing$ ionic start ion-devapp blank# Open inside of VS Code and Serve the project$ code . && ionic serve -c

You should now have an application running on http://localhost:8100 and this can be accessed in the browser. Head back over to Ionic DevApp and you should hopefully see your application in the list.

现在，您应该在http://localhost:8100上运行了一个应用程序，可以在浏览器中对其进行访问。 回到Ionic DevApp，希望您会在列表中看到您的应用程序。

Uh oh. I’m currently writing this in my local Costa coffee and I don’t see my application in the list. What do I do?

哦哦 我目前正在本地的Costa咖啡中编写此代码，但列表中没有看到我的应用程序。 我该怎么办？

Thankfully, we can enter the address manually by hitting the side menu and selecting Enter address manually.

幸运的是，我们可以通过点击侧面菜单并选择Enter address manually 。

Remember the Developer server running! message we got whilst running ionic serve -c? We’ll need the external address:

记住Developer server running! 在运行ionic serve -c收到的消息？ 我们需要外部地址：

[INFO] Development server running!    Local: http://localhost:8100    External: http://10.108.90.28:8100

We should now see our application on screen. If you still don’t see your application at this stage, ensure you’re connected to the same WiFi network.

现在，我们应该在屏幕上看到我们的应用程序。 如果在此阶段仍看不到您的应用程序，请确保您已连接到同一WiFi网络。

We can now make changes to our application and we’ll see it instantly on screen! The magic of modern web development.

现在我们可以对应用程序进行更改，我们将在屏幕上立即看到它！ 现代Web开发的魔力。

局限性 (Limitations)

There is a slight limitation with Ionic DevApp, and that’s the fact that it doesn’t support all Cordova plugins. I would therefore not recommend using Ionic DevApp as the main way to debug your Ionic applications that take advantage of native features.

Ionic DevApp有一个轻微的限制，那就是它不支持所有的 Cordova插件。 因此，我不建议使用Ionic DevApp作为调试利用本机功能的Ionic应用程序的主要方法。

You can see a full .

您可以查看的完整 。

翻译自:

ionic devapp