Tag: Vue

NativeScript-Vue 1.0入门: 最近，NativeScript-Vue团队宣布了1.0版本的NativeScript-Vue🎉 顾名思义，NativeScript-Vue是一个将Vue.js集成到NativeScript中的项目，允许您使用Vue.js构建完全本机的iOS和Android应用程序。在本文中，我们将探讨如何使用NativeScript-Vue开始构建第一个应用程序，并在此过程中回答一些常见问题。让我们开始吧。注意：本文最初发布于2018年3月5日在Vue.js开发人员博客上选择环境首先，使用NativeScript-Vue开发有两种方法。选项1：在NativeScript Playground中工作：NativeScript Playground是基于浏览器的NativeScript开发环境，可让您开始编码而无需在开发计算机上设置本机iOS和Android SDK。选项2：使用NativeScript CLI：NativeScript CLI是用于创建，构建和运行NativeScript应用程序的命令行界面。由于NativeScript CLI会生成实际的iOS和Android二进制文件，因此必须安装必要的本机依赖项才能使用CLI进行开发。在本文中，我们将开始使用NativeScript Playground进行开发，因为它是学习NativeScript-Vue如何工作的好工具，而无需经历设置本地环境的麻烦。之后，我们将介绍设置本地NativeScript-Vue开发工作流所需采取的下一步。现在，让我们深入研究并开始构建。使用NativeScript游乐场首先访问https://play.nativescript.org/?template=play-vue，它将打开预加载了Vue模板的Playground。您会看到的第一件事是如下所示的提示。要使用NativeScript Playground，您需要在iOS或Android设备上下载并安装两个应用程序。第一个应用程序“ NativeScript Playground”可以扫描您在浏览器中看到的QR码，第二个应用程序“ NativeScript Preview”是可以运行您在浏览器中编写的代码的应用程序。这是您需要做的。在iOS或Android设备上下载并安装NativeScript Playground和NativeScript Preview应用程序。如果您有多个设备，则可以在所有设备上安装这些应用程序。 Playground允许您同时在多个设备上进行开发，这非常酷。打开设备上的NativeScript Playground应用程序，然后点击“扫描QR码”选项。继续并在您的Playground中扫描QR码（不是本文中的QR码）；您应该在设备上看到以下应用。这个应用程序看似简单，但实际上却是一件很特别的事情：您在屏幕上看到的用户界面组件不是DOM元素-它们完全是本机Android和iOS控件。具体来说，您在应用程序中看到的文本控件是iOS上的UILabel和Android上的android.widget.TextView 。 NativeScript的强大功能是您可以使用JavaScript和Vue等框架来使用这些本机控件。酷吧？现在您已经启动并开始运行，让我们开始进行一些更改。例如，继续并更改应用程序的控件之一的text属性，然后使用Cmd + S （或Windows上的Ctrl + S ）保存更新。您应该会在设备上自动看到更改。注意：我根本没有加快gif的速度-Playground的速度确实如此之快。 […]