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:
npm install –global vue-native-cli
对于世博用户
Expo旨在使开发人员无需配置Xcode或Android Studio即可快速设置和开发React Native应用程序。
步骤1:全局安装Expo CLI
npm install –global expo-cli
就是我的朋友们!!创建和检查它是否需要花费时间。使用CLI的init命令创建一个新项目
vue-native init
vue-native init todoapp
现在,您已全部设置为运行应用程序
现在,以您的项目名称的名称cd进入新创建的文件夹,然后启动开发服务器。
cd
npm start
现在,您会看到此屏幕要求输入iOS或android
只需按“ a”键即可将手机连接到调试状态,您将看到您的应用程序正在运行
恭喜您进入Vue Native生态系统
对于React Native CLI用户
如果您使用Expo来开发应用程序,那么它的缺点是您不能使用React Native的API之外的自定义本机模块,因为Expo不会构建本机代码。因此,如果您需要使用自定义Java或Swift模块,则需要使用expoject弹出应用程序。但是如果您要使用React Native CLI设置项目,则可以从一开始就使用此类模块。
第1步:首先让您在计算机上全局安装React Native CLI
npm install –global react-native-cli
步骤2:现在进行测试,让我们使用带有–no-expo选项的CLI的init命令创建一个新项目。
vue-native init
第3步:现在让我们运行该应用
现在cd进入新创建的目录并启动开发服务器。
cd
npm start
您还可以使用react-native-CLI通过特定于平台的选项启动应用程序。例如,如果您想在运行的Android模拟器上启动开发服务器和应用程序,则
react-native run-android
如果您想在iPhone 8模拟器上启动开发服务器和应用程序。
react-native run-ios –simulator “iPhone 8”