Cordova，对这个名字大家可能比较陌生，大家肯定听过 PhoneGap 这个名字，Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字。（Cordova网址以及框架下载地址：http://cordova.apache.org/） Cordova 是一个可以让 JS 与原生代码(包括 Android 的 java，iOS 的 Objective-C 等)互相通信的一
因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令: cordova create cordovaApp com.cordo
转载
2023-12-13 02:07:43
40阅读
刚开始我以为vue-cli3.0 打包后必须丢到服务器才可以打开，深入了解后，都一样都一样，哪里都可以打开啦网上的所有解决方案博客没有一个是真正解决我的问题的，于是我潜心琢磨，哈哈哈，成功后可爱大方善良阳光智慧的小仙女竟然想猛男落泪。1. 第一种问题，本地打开加载文件路径报错（控制台js、css、ico找不到） 不论是cli2还是cli3 ，打包后的地址指向assetsP
转载
2024-06-25 20:46:16
147阅读
记录一次利用electron将vue项目打包为桌面应用程序的步骤，测试项目为毕业设计项目，基于vue-cli3进行开发。ps:还可以通过PWA和nw.js进行操作，暂时未深入研究打包步骤打包自己的项目通过npm run build命令打包我们自己的项目，生成一个dist文件夹注意：运行此命令之前我们需要修改公共路径为相对路径，防止 npm run build 后出现白屏情况方法：新建一个vue.c
文章目录基本使用步骤指令的概念内容渲染指令属性绑定指令事件绑定指令事件修饰符按键修饰符双向绑定指令条件渲染指令列表渲染指令 基本使用步骤1.导入vue.js的script脚本文件(可在官网下载)vue官网 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建vm实例对象(vue的实例对象)<!DOCTYPE html>
<html lang="en">
<h
1、配置java环境，node环境，gradle环境、android环境，为了保证环境一致性，android和gradle环境与联网环境下的保持一致，如果忘记路径，可以通过环境变量查找到对应文件路径。直接将对应的androidsdk和gradle文件复制粘贴过去就好。2、cordova全局安装，在npm全局安卓路径（一般是C:\Users\username\AppData\Roamin
转载
2024-02-19 12:58:12
73阅读
一，window打包环境安装：1,打包环境配置:1.1,安装node.js(安装好node 软件后，它会自动帮你配置环境变量包括node和npm两个命令)1.2,安装淘宝镜像（命令：npm install cnpm -g --registry=https://registry.npm.taobao.org）， 安装cordova（因为是全局安装，它会自动帮你配置好环境变量，所以自己就不用配置环境变
转载
2024-04-19 15:37:31
156阅读
webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用。一、打包指令： npm run build结果：1.会将项目中 src 目录下所有的文件进行打包，打包到 dist 目录下2.目录结构：index.html 单页面应用的 html 文件static 当前单页应用中所有的静态资源
css: 当前项目中用到
貌似有部分人要求写的更详细，这里多写一点vuel-cli基础的配置什么是vue-cli？官方的解释是：A simple CLI for scaffolding Vue.js projects，简单翻译一下，就是： 用简单的命令行来生成vue.js项目脚手架。<!-- 全局安装vue-cli -->
npm install -g vue-clivue-cli预先定义了5个模板，根据你使
一、新建vue项目 1.打开cmd命令，输入：npm i -g npm 这个命令类似用npm自
原创
2023-03-13 09:20:59
468阅读
声明！电脑未安装过android studio，不会使用android studio！在此基础上将vue-cli3项目打包成apk！百度了一下如何将vue项目打包成apk，百度说用HBuilderX 10秒就可以完成，然后我就按照百度的方法去了，结果打包的时候还挺慢的，而且中间会出现一些报错提示，例如：通讯录权限啊，要注册啊，实名认证啊之类的，然后一路百度解决各种问题，发现apk超过40M需要掏1
pm run build2.等待build完成，双击项目，进入菜单选择Reveal in Finder ，打开项目的真实目录3.找到dist目录，进入4.将dist目录下的static文件夹以及index.html全部复制5.打开cordova项目的真实目录下的www目...
原创
2023-03-24 17:21:00
853阅读
首先我们需要
使用cordova的插件
cordova-plugin-qrscanner 安装：
cordova plugin add
cordova-plugin-qrscanner 贴上
vue项目的代码：<template>
<div class="scroll-container scan-container">
<div class="scan-none
转载
2024-04-04 18:29:30
243阅读
Vue插件集合
element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material 
转载
2024-04-22 19:34:24
56阅读
本地打包测试
http-server是一个基于node.js的简单的，零配置的命令行http服务器。安装：npm install http-server -g使用：http-server [path] [options]npm run dev （或npm start）。让项目通过localhost和ip都可以访问（若项目localhost可以访问，IP不能访问，那就去修改 config/index
# Cordova Vue Android 项目实现流程
## 整体流程
下面是实现 Cordova Vue Android 项目的整体流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建一个 Cordova 项目 |
| 2 | 集成 Vue.js 到 Cordova 项目中 |
| 3 | 配置 Cordova Android 平台 |
| 4 | 构建并运行 C
原创
2023-10-20 14:28:32
119阅读
最近使用vue的脚手架开发项目，用了一些小插件来实现一些功能，自己觉得应该要整理一下，方便自己之后的开发。一、复制插件-- vue-clipboard2 此插件的功能就是实现文本的复制，使用步骤如下：npm install --save vue-clipboard2 2.在main.js：  
Chrome应用很受Chrome用户欢迎。 而且为什么不这样做，它们提供了一种在Chrome浏览器熟悉的环境中创建可移植“应用程序”的方法。 想象一下智能手机上可用的Chrome应用程序的强大功能。 现在，我们可以使用基于Apache Cordova的工具集在Android和iOS上运行我们最喜欢的chrome应用程序。 Cordova是用于使用HTML，CSS和JavaScript打包移动
1. cordova介绍1.1. cordova历史Cordova是PhoneGap贡献给Apache后的开源项目，是从 PhoneGap中抽离出的核心代码，是驱动PhoneGap的核心引擎。有点类似Webkit和Google Chrome的关系。渊源就是：早在2011年10月，Adobe收购了Nitobi Software和它的PhoneGap产
转载
2023-07-29 14:24:47
104阅读
文章目录Cordova打包Vue移动端项目Android环境要求安装Cordova安装Android SDK安装GradleCordova创建项目Vue项目使用Cordova打包创建一个的Vue项目github源码Cordova打
原创
2022-01-12 15:16:04
722阅读
