Android + Angular + Ionic

nvm + node.js + npm

https://github.com/coreybutler/nvm-windows

install node and npm

nvm install 16.19.0
nvm use 16.19.0
npm config set registry https://registry.npm.taobao.org
npm install [email protected] -g

windows proxy

set http_proxy=http://127.0.0.1:7890
set https_proxy=http://127.0.0.1:7890

Android Studio

官网下载

https://developer.android.google.cn/studio/install?hl=zh-cn#windows

java

https://repo.huaweicloud.com/java/jdk/11.0.2+9/

Android + Angular + Ionic_第1张图片
success

ionic

npm install -g @ionic/cli

with anroid

https://ionicframework.com/docs/v6/developing/android

Android + Angular + Ionic_第2张图片
找到sdk路径

配置环境

https://blog.csdn.net/huweiliyi/article/details/105500838

project

在这里插入图片描述

npm install 

https://ionicframework.com/docs/v6/developing/android


ionic cordova prepare android

npm i -g cordova
        
adb devices

在这里插入图片描述

按照官网的来操作,需要安装java,gradle,配置好环境变量,SDK需要安装Build Tools(编译,会报错,用 ionic cordova run android -l --verbose 查看详细信息)

Android + Angular + Ionic_第3张图片

https://ionicframework.com/docs/v6/developing/android#running-with-cordova

gradle 配置阿里源

构建插件镜像加速
全局配置
如果你没有设置 GRADLE_HOME 环境变量的话,默认情况下在用户目录下的 .gradle/ 文件夹下创建文件 init.gradle (这个文件默认是没有创建的,需手动创建),添加以下配置信息即可


settingsEvaluated { settings ->
    println "aliyun pluginManagement"
    settings.pluginManagement {
        repositories {
            maven { url "https://maven.aliyun.com/repository/gradle-plugin" }
            maven { url "https://maven.aliyun.com/repository/spring-plugin" }
            gradlePluginPortal()
        }
    }
}

权限版本修改

在这两个地方把max去掉,这样可以手机才可以有显示权限(34)
Android + Angular + Ionic_第4张图片
Android + Angular + Ionic_第5张图片

调试

edge://inspect/#devices

可以看log
···
ionic cordova run android -l --consolelogs
···

点击inspect

Android + Angular + Ionic_第6张图片
Android + Angular + Ionic_第7张图片

你可能感兴趣的:(android,angular.js,前端)