通过cordova将vue项目打包成app

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

准备工作包括nodejs、cordova、AndroidStudio。

一、创建一个cordova工程

　　cordova create cordovaVue

　　cd cordovaVue

  • config.xml -包含应用相关信息，使用到的插件以及面向的平台

  • platforms - 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库

  • plugins - 包含应用所需插件的 Cordova 库，使得应用能够访问例如照相机和电池状态相关的事项。

  • www - 包含应用源代码，例如 HTML, JavaScript 和 CSS 文件

  • hooks - 包含为个性化应用编译系统所需的脚本

二、添加安卓平台

　　cordova platform add android --save

 

三、在vue项目中生成编译完成的源文件

　　npm run build

 

四、将cordova项目中的www文件夹下的内容替换为vue项目中生成的dist文件夹中的内容

 

五、在cordova项目中创建Android应用

　　cordova build android

 

六、将手机连接在电脑上，运行该 Android 程序

　　cordova run android

 

 

以上是 通过cordova将vue项目打包成app 的全部内容， 来源链接： utcz.com/z/376981.html

回到顶部