超详细版本vue+capacitor（自定义capacitor插件）编写移动端应用
人生苦短，我们要：
我的环境
- Node v16.13.0
- npm v8.1.0
- mac的话需要安装Xcode
- windows的话需要Java 8 JDK和Android Studio软件
本文以安卓开发为例
找一个自己喜欢的路径，全局安装Vue cli
npm install -g @vue/cli
生成VUE项目,根据需求选取自己需要的版本
vue create vue-capacitor-demo
启动项目
cd vue-capacitor-demo
npm run serve
在Web浏览器中访问 http://localhost:8080/
再打开一个cmd窗口，集成Capacitor到我们的VUE项目
npm install --save @capacitor/core @capacitor/cli
初始化Capacitor
npx cap init
使用Capacitor插件–我的其他文章里有，等下我把链接放进来
构建应用程序,添加平台
npm run build
添加平台
npm run build
npm install @capacitor/android
npx cap add android
npx cap copy
运行，自动打开AS软件
npx cap open android
运行成功，可以开始调试啦
其他关于安卓开发的排错记录以及开发文章链接如下（不断增加中）
使用前端技术 开发跨平台web App
- 超详细手把手教你cordova开发使用指南+自定义插件，jsbridge
- 地址：https://juejin.cn/post/7094634391401398303
PWA-H5 Web App优化探索之路（Service Worker,Lighthouse）
- 地址：https://juejin.cn/post/7094991368870707208
移动端安卓开发学习记录–Android Studio打断点调试操作步骤记录
- 地址：https://juejin.cn/post/7096506671631073288
移动端安卓开发学习记录–Android Studio使用adb链接夜神模拟器常用指令
- 地址：https://juejin.cn/post/7096506036076412965
欢迎大家指出文章需要改正之处~
学无止境，合作共赢
欢迎路过的小哥哥小姐姐们提出更好的意见哇~~
超详细版本vue+capacitor（自定义capacitor插件）编写移动端应用相关推荐
- Soul网关源码阅读（十）自定义简单插件编写
Soul网关源码阅读(十)自定义简单插件编写 简介 综合前面所分析的插件处理流程相关知识,此次我们来编写自定义的插件:统计请求在插件链中的经历时长 编写准备 首先我们先探究一下,一个P ...
- 如何用uniapp+vue开发自定义相机插件——拍照+录像功能
调用手机的相机功能并实现拍照和录像是很多APP与插件都必不可少的一个功能,今天智密科技就来分享一下如何基于uniapp + vue实现自定义相机界面,并且实现: 1: 自定义拍照 2: 自定义录像 3 ...
- 超详细的Vue渲染原理讲解
目录 一.Vue简介 1. MVVM.MVP和MVC 2. Vue的基本配置 二.Vue渲染原理 1. HTML与模板 2. Vue组件的完整渲染过程 (1). Vue自身的初始化阶段 (2). 组件 ...
- phpstorm调试远程服务器代码（超详细版本）
本篇教程是我综合了多篇教程综合而成的产物,每篇教程都会有一些小细节没有写到,折腾了好久终于是整出来了...现在在这里做个记录,也是给后来人避一下坑,先讲一下远程debug的原理:(本段来自:可能是全网 ...
- dropzone.js php,超详细版Dropzone.js上传插件的使用实例-适用tp
其实一直都再找一款上传插件,但是今天遇到了一款相对比较好的插件,干净纯洁. [
今日推荐强制双休!腾讯调整加班机制,21 点前必须离开工位 使用雪花id或uuid作为Mysql主键,被老板怼了一顿! 盘点 12 个 GitHub 上的高仿项目 CTO 说了,用错 @Autowir ...
- Win10安装 WSL Ubuntu Linux系统，非双系统，完美兼容超详细版本
Windows SubSystem for Linux(WSL) 适用于Linux的Windows子系统 WSL团队的blog:https://blogs.msdn.microsoft.com/wsl ...
最新文章
- css中绝对定位中的left和top属性
- FFmpeg简介及在vc2010下编译步骤
- 发布订阅之fanout
- 一文解开java中字符串编码的小秘密
- 神舟笔记本电源管理软件_笔记本电脑长期不用充不上电了？原来问题就出在这儿...
- P4770-[NOI2018]你的名字【SAM,线段树合并】
- WildFly Kubernetes exec探针
- 检查各计算机所属工作组ip,如何在Win8.1/RT 8.1中添加语言或键盘
- UNIX环境高级编程之第８章：进程控制
- 架构师成长计划｜如何利用云原生构建一个企业级高可用架构？
- 阅读--2020-7-19 CCFC2019 使用向量自回归和堆积LSTM模型进行多变量工作量预测
- 基于XP系统的asp.net运行环境的安装与配置
- 多元时间序列因果关系分析
- Unirech阿里云国际版云服务器代充-使用Python批量创建实例
- Chrome浏览器整个网页截图
- 使用lux(annie)下载视频
- 一万五千字详解HTTP协议
- FT2004/D2000 概念说明
- 漫画：什么是旅行商问题？
- 安卓callkit_苹果Callkit国内被叫停：无需解锁即可接听网络电话 曾在微信短暂“现身”...