创建一个Cordova-Vue混合项目

最新推荐文章于 2024-07-19 17:14:42 发布

原创

最新推荐文章于 2024-07-19 17:14:42 发布 · 327 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cordova #vue #webapp混合项目

本文指导如何创建一个Cordova-Vue混合项目，从设置Cordova项目，到引入Vue项目，再到添加camera插件进行测试。首先在项目根目录下建立CordovaProject，然后进入并创建Vue-Project，选择standalone构建，不使用vue-router和ESLint。接着将cordova.js引入Vue项目，并在vue的index.html中添加。完成Vue项目的配置后，返回Cordova项目，准备添加camera插件以验证项目配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目根目录下

cordova create CordovaProject io.cordova.hellocordova CordovaApp

CordovaProject 为项目名
io.cordova.hellocordova 为反向域名/androidmainfest中package名

进入cordova项目下

cordova platform add android

vue init webpack Vue-Project

Vue-Project 为vue项目名
Project name vue
? Project description A Vue.js project
? Author CC
? Vue build standalone
? Install vue-router? No
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run npm install for you after the project has been created? (recommended) npm
最后一步若卡住则需要fanqiang或自己进vue项目cnpm install
修改一下配置文件 config>index.js
修改配置文件中build