📜  如何安装Vue Native?

📅  最后修改于: 2021-05-10 17:25:06             🧑  作者: Mango

Vue Native是一个移动框架,用于使用Vue.js构建真正的本机移动应用程序。它旨在连接React Native和Vue.js。 Vue Native只是React Native API的包装,它使我们能够使用Vue.js并撰写令人印象深刻且富有创意的移动用户界面。

Vue.js

Vue(与视图类似的发音)是用于构建用户界面的渐进框架。 Vue从头开始设计,以逐步采用。关注的核心库仅在视图层上,并且很容易与现有项目集成。快速检查,希望您已在给定版本或更高版本中安装了这些东西

  • 全局安装的节点≥6.0
  • 全局安装的npm≥4.0
  • 全局安装的Expo CLI或React Native CLI

分步实施

开放式CMD

步骤1:安装Vue本机CLI

使用以下命令全局安装Vue本机CLI:

对于世博用户

Expo旨在使开发人员无需配置Xcode或Android Studio即可快速设置和开发React Native应用程序。

步骤1:全局安装Expo CLI

就是我的朋友们!!创建和检查它是否需要花费时间。使用CLI的init命令创建一个新项目

现在,您已全部设置为运行应用程序

现在,以您的项目名称的名称cd进入新创建的文件夹,然后启动开发服务器。

现在,您会看到此屏幕要求输入iOS或android

只需按“ a”键即可将手机连接到调试状态,您将看到您的应用程序正在运行

恭喜您进入Vue Native生态系统

对于React Native CLI用户

如果您使用Expo来开发应用程序,那么它的缺点是您不能使用React Native的API之外的自定义本机模块,因为Expo不会构建本机代码。因此,如果您需要使用自定义JavaSwift模块,则需要使用expoject弹出应用程序。但是如果您要使用React Native CLI设置项目,则可以从一开始就使用此类模块。

第1步:首先让您在计算机上全局安装React Native CLI

步骤2:现在进行测试,让我们使用带有–no-expo选项的CLI的init命令创建一个新项目。

第3步:现在让我们运行该应用

现在cd进入新创建的目录并启动开发服务器。

您还可以使用react-native-CLI通过特定于平台的选项启动应用程序。例如,如果您想在运行的Android模拟器上启动开发服务器和应用程序,则

如果您想在iPhone 8模拟器上启动开发服务器和应用程序。

想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处前往由我们的专家精心策划的指南,以使您立即做好行业准备!