![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
混合APP
盼盼盼
这个作者很懒,什么都没留下…
展开
-
vue-cli + APIcloud
运行成功后左侧选择apicloud任务,直接运行,也可以配置修改端口,是否进行文件监听(插件暂时不进行文件监听同步不了文件)5.项目创建完成之后在项目根目录创建vue.config.js文件(vue cli3的配置文件),文件里的代码为。8.在widget 文件夹中配置config.xml文件,config.xml文件就是apicloud的配置文件。4.在面板中创建新项目,输入项目名之后点击下一步,选择预设-默认后直接创建项目。3.进入工作目录里运行 vue ui,此时会打开vue的UI面板。原创 2022-11-24 16:15:04 · 478 阅读 · 1 评论 -
ionicAndroid 端APP在手机端运行无法http请求的解决方法
1.在AndroidManifest.xml文件中application标签上加 android:networkSecurityConfig="@xml/network_security_config"2.在res/xml文件夹下创建名为network_security_config的xml文件文件内容为:<?xml version="1.0" encoding="utf-8"?>...原创 2020-03-03 16:32:35 · 1056 阅读 · 6 评论 -
ionic4踩坑记
用了ionic4 四个月了,遇到的坑今天整理一下1.标题栏的返回按钮ion-back-button,在页面刷新后不显示目前解决办法是重新写返回按钮<ion-buttons class="backIcon" slot="start"> <ion-button (click)="canGoBack()"> <ion-icon slot="icon-on...原创 2019-11-20 13:21:51 · 476 阅读 · 0 评论 -
ionic4学习笔记(八)--Clipboard 将内容复制到剪贴板
1.ts文件中引入依赖import { Plugins } from '@capacitor/core';2.html文件中<div> <ion-button (click)="clipboardSetString()"> clipboardSetString </ion-button> &...原创 2019-09-25 13:50:12 · 1378 阅读 · 0 评论 -
ionic4学习笔记(七)-- 组件
1.alert1,实现弹出框,2秒钟之后消失import { AlertController } from '@ionic/angular'; constructor(public alertController: AlertController) { } async presentAlert() { const alert = await this.alertControlle...原创 2019-09-12 13:08:00 · 405 阅读 · 0 评论 -
ionic4学习笔记(五)--消息推送JPush
1.在极光官网注册、登录、创建应用极光推送官网地址应用名称要与config.xml一致2.安装插件cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey//your_jpush_appkey是应用信息的AppKeynpm install --save @jiguang-ionic/j...原创 2019-08-13 15:53:09 · 2190 阅读 · 0 评论 -
ionic4学习笔记(四)--自定义公共模块
在angular中,我们都是自定义组件来使用,但是ionic4之后,沿用了angular的模块化思想,使用懒加载的方式加载页面,每个页面都是一个模块,要是继续创建组件的话,不能在多个模块中引用同一组件,所以我们要把模块创建为组件,让模块来引用模块。创建一个tabs项目,在项目中执行命令ionic g module module/listionic g component module/lis...原创 2019-08-06 16:04:20 · 901 阅读 · 0 评论 -
ionic4学习笔记(三)--项目目录结构分析
项目目录结构:项目结构分析:e2e端对端的测试文件node_modules 项目依赖src 项目开发文件app 项目模块,组件,服务assets 项目静态资源文件environments 项目环境,可以配置项目的运行环境theme 主题文件,可配置主题global.scss 全局样式文件index.html 项目入口karma.conf.js 测试配...原创 2019-08-06 13:44:33 · 789 阅读 · 0 评论 -
ionic4学习笔记(二)-- 创建页面,ion-back-button属性
1.创建user页面ionic g page userionic提供了用命令生成界面的功能:在命令行输入ionic g如下:PS D:\item\ionic-test> ionic g? What would you like to generate? (Use arrow keys)pagecomponentservicemoduleclassdirective...原创 2019-08-05 18:20:11 · 1769 阅读 · 0 评论 -
ionic4学习笔记(一)--创建项目
1.首先要更新或者安装ionic clinpm install -g ionic2.创建项目ionic start ionic-testionic-test是创建的项目名称安装后会提示选择1.blank: 只有一个页面的空项目2.tabs: 带了下方切换页面按钮的项目3.sidemenu: 带了侧边菜单的项目3.项目跑起来npm run start打开 http://...原创 2019-08-05 16:06:11 · 649 阅读 · 0 评论 -
安卓模拟器Genymotion下载安装
下载Genymotion地址因为Genymotion运行需要VirtualBox,如果电脑上没安装过VirtualBox,建议选这个版本。原创 2019-08-05 13:49:37 · 644 阅读 · 0 评论 -
ionic4本地通知Local Notifications
本地通知Local Notifications1.安装插件ionic cordova plugin add cordova-plugin-local-notificationnpm install @ionic-native/local-notifications2.在app.components.ts中引用import { Component } from '@angular/co...原创 2019-07-31 17:43:08 · 1875 阅读 · 0 评论 -
Cordova+Framework7混合App开发
1.初始化Framework7项目执行以下命令git clone https://github.com/nolimits4web/Framework7-Vue-Webpack-Template my-app//进入项目文件npm installnpm run dev浏览器会默认打开localhost:8080想打包生产环境代码,执行npm run build-prod2.初...原创 2019-06-11 17:58:42 · 1246 阅读 · 0 评论 -
Flutter开发环境搭建(Windows环境下)
1.使用镜像由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn2.系统要求要安装并...原创 2019-06-06 18:00:39 · 469 阅读 · 0 评论 -
搭建Iconic+angular混合APP开发环境
1.安装iconic clinpm install -g ionic-g意思是全局安装ionic -v2.创建项目ionic start ionic-angular tabs --type=angular–type=angular 是需要多加的参数,现在官方只集成好了angualr 或许以后就会有 --type=vue 或–type=react 呢新建好项目后你会发现,...原创 2019-06-06 10:55:19 · 1283 阅读 · 1 评论