ionic+vue+capacitor系列笔记--01项目初始化

【ionic+vue+capacitor系列笔记--01项目初始化】的更多相关文章

ionic+vue+capacitor系列笔记--01项目初始化

Ionic 是什么? Ionic 是一款接近原生的 Html5 移动 App 开发框架,只需要你会 HTML.CSS 和 JavaScript 就可以开发移动 App应用,使用最基础的 Web 技术创建跨平台的移动 App. 安装 npm install -g @ionic/cli 创建项目 ionic start 第一种方式:可视化创建第二种方式:选择创建进入项目,下载依赖,启动项目 npm i ionic serve 欢迎路过的小哥哥小姐姐们提出更好的意见哇~~…

ionic+vue+capacitor系列笔记--02项目中集成Capacitor，添加android，ios平台，真机运行项目

Capacitor是什么? Capacitor是由ionic团队开发的一款跨平台移动应用构建工具,可轻让我们轻松的构建Android.iOS.Electron和Web应用程序. Capacitor是Apache Cordova和Adobe PhoneGap的继承者,不仅可以把我们用html css js写的代码打包成原生app,还可以让我们使用js调用手机上面原生的Api.目前Capacitor已经成为Ionic应用程序的默认打包工具,你可以继续选择使用cordova或者尝试使用Capacito…

ionic+vue+capacitor系列笔记--03项目使用Native插件

话不多说,直接上代码下载依赖 npm install @capacitor/camera 添加权限配置代码到安卓文件夹里的 AndroidManifest.xml <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE&…

ionic+vue+capacitor系列笔记--capacitor3.X和2.X+android自定义capacitor的JSbridge插件注册与使用(不同版本注册方式不同，返回值格式也不同，使用方法也不同）

经过我的多番折腾,终于搞明白了这个东西的用法,不同版本的注册方法,使用方法都不一样,现在把这个折腾的结果记录下来,造福大家~ 首先编写一个类,然后注册,注意,这个和2.x不一样,2.x的时候我们会使用init的方式去注册先看2.X的Capacitor 编写一个方法,然后进行注册,注意查看2.X编写方法的代码哦~~ import com.getcapacitor.JSObject; import com.getcapacitor.Plugin; import com.getcapacitor.P…

ionic+vue+capacitor系列笔记--手机从安卓10升级到安卓11以后，之前的代码不管用了，无法跳转其他应用

之前手机是安卓10版本,没什么问题,升级以后,手机出现了一些异常,发现原来代码里写的跳转功能,无法使用了哦~~脑壳痛解决方案本项目:build.gradle targetSdkVersion 30 解决方案: 在AndroidManifest.xml里添加queries,里边加上你需要跳转的一些包名 <queries> <package android:name="com.aa.aaa" /> <package android:name="c…

ionic+vue+capacitor系列笔记--常见报错以及解决

1.Require statement not part of import statement.(@typescript-eslint/no-var-requires) 解决 .eslintrc.js中的 rules 属性新增以下内容 rules: { '@typescript-eslint/no-var-requires': 0 } 2.…

Vue（二十）项目初始化步骤

提:需要安装 node.js / npm淘宝镜像 / webpack / vue-cli脚手架构建工具 1.创建项目 - vue init webpack framework https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md (ESLint规范) 2.切换到项目文件目录下,安装项目依赖 - cd framework - cnpm install 3.启动项目 - npm run dev 4.添加css初始化文件…