安装node.js
sudo chmod -R 777 git 释放读写权限。git是文件夹名
单独vue
安装创建 cordova项目 不要cnpm
sudo npm install -g cordova
cordova create xuanwu com.example.xuanwu xuanwu
cordova create：创建语法
hello：文件夹名：可根据自己需求进行修改
com.example.hello：包名：可根据自己需求进行修改
HelloWord：APP名称：可根据自己需求进行修改
cd到项目安装目录 sudo cordova platform add ios android
将vue项目中打包后dist目录下的文件全部拷贝到cordova项目的www目录下
修改包名 项目下面 config.xml 寻找
修改完之后重新执行 sudo cordova platform add ios android
Mac 打包安卓 安装android studio
安装jdk
安装gradle
Cd 到解压gradle的目录
export PATH=$PATH:gradle-5.4.1/bin
gradle -version 查看安装结果
如果出现-bash: gradle: command not found
创建.bash_profile文件 并编辑配置相关属性
修改app名字 string name="app_name"
vim .bash_profile
export GRADLE_HOME=opt/gradle/gradle-5.4.1/bin
export PATH=$PATH: $Gradle_HOME
使该文件立即生效
source .bash_profile
校验是否生效了
gradle -version
修改：config/index.js 把 assetsPublicPath: ‘/‘,修改成assetsPublicPath: ‘./‘,
浏览器 调试android App
在手机上打开app。 安装包安装或真机运行
Usb链接电脑 谷歌浏览器打开这个 chrome://inspect/#devices
浏览器 调试IOS
1、在Iphone的设置-》safari-》高级-》web检查器。打开
2、在电脑上安装ios_webkit_debug_proxy和RemoteDebug iOS WebKit Adapter
ios_webkit_debug_proxy --- https://github.com/google/ios-webkit-debug-proxy
RemoteDebug iOS WebKit Adapter ---- https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter
如果报错 brew: command not found
终端执行 耐心等待 brew --version 查看brew的版本
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
3、启动RemoteDebug iOS WebKit Adapter
remotedebug_ios_webkit_adapter --port=9000
chrome://inspect/#devices，在Discover network targets里面增加localhost:9000
sudo cnpm install -g cordova ionic
安装 sudo ionic start my2 tabs
cd到项目安装iso环境 sudo ionic cordova platform add ios
安装完后 ionic build
Xcode点击项目 build settings
all 选项 levels 选项
code singing identity 的 release选择 iOS Distribution
选择顶部菜单 product 的 archive 开始编译
右侧export 导出 正式的包选app Store 测试的选 Ad Hoc 然后一直默认选择
导出的包在 电脑 文稿里面
发布正式
需要登录到苹果开发者中心 选择 iTunes connect 然后 go to iTunes connect 然后 我的app
左上角加号 新建APP id就是打包时候的bundle identifier sky 随便写 但必须记住
点击创建 后网页出现问题，重新新建APP 换一个名字
配置好开发者证书以后发布应用 编译时候的 upload to app store 发布到iTunes store
或者 也可以使用 mac电脑上的 Application Loader 发布
如果项目中有调用照相机或者其他的一些api接口的话，会上传失败
需要配置权限， info.plist
key值写下面对应的
type 写String
value 写需要获取你的相册
相册
NSPhotoLibraryUsageDescription
相机
NSCameraUsageDescription
麦克风
NSMicrophoneUsageDescription
位置
NSLocationUsageDescription
在使用期间访问位置
NSLocationWhenInUseUsageDescription
始终访问位置
NSLocationAlwaysUsageDescription
日历
NSCalendarsUsageDescription
提醒事项
NSRemindersUsageDescription
运动与健身
NSMotionUsageDescription
健康更新
NSHealthUpdateUsageDescription
健康分享
NSHealthShareUsageDescription
蓝牙
NSBluetoothPeripheralUsageDescription
媒体资料库
NSAppleMusicUsageDescription
APP图标
icon 57 * 57
icon@2x 114 * 114
icon-20 20 * 20
icon-20@2x 40 * 40
icon-20@3x 60 * 60
icon-24@2x 48 * 48
icon-29 29 * 29
icon-29@2x 58 * 58
icon-29@3x 87 * 87
icon-40 40 * 40
icon-40@2x 80 * 80
icon-50 50 * 50
icon-50@2x 100 * 100
icon-60 60 * 60
icon-60@2x 120 * 120
icon-60@3x 180 * 180
icon-72 72 * 72
icon-72@2x 144 * 144
icon-76 76 * 76
icon-76@2x 152 * 152
icon-83.5@2x 167 * 167
icon-1024 1024 * 1024
APP启动页
Default-2436h 1125 * 2436
Default-736h 1242 * 2208
Default-667h 750 * 1334
Default@2x~iphone 640 * 960
Default-568h@2x~iphone 640 * 1136
Default-Portrait~ipad 768 * 1024
Default-Portrait@2x~ipad 1536 * 2048
Default~iphone 320 * 480
安卓启动页
screen 480 * 800 drawable-port-hdpi
screen 200 * 320 drawable-port-ldpi
screen 320 * 480 drawable-port-mdpi
screen 720 * 1280 drawable-port-xhdpi
screen 960 * 1600 drawable-port-xxhdpi
screen 1280 * 1920 drawable-port-xxxhdpi
安卓图标
ic_launcher 72 * 72 mipmap-hdpi
ic_launcher_foreground 72 * 72 mipmap-hdpi-v26
ic_launcher 36 * 36 mipmap-ldpi
ic_launcher_foreground 36 * 36 mipmap-ldpi-v26
ic_launcher 48 * 48 mipmap-mdpi
ic_launcher_foreground 48 * 48 mipmap-mdpi-v26
ic_launcher 96 * 96 mipmap-xhdpi
ic_launcher_foreground 216 * 216 mipmap-xhdpi-v26
ic_launcher 96 * 96 mipmap-xxhdpi
ic_launcher_foreground 324 * 324 mipmap-xxhdpi-v26
ic_launcher 192 * 192 mipmap-xxxhdpi
ic_launcher_foreground 432 * 432 mipmap-xxxhdpi-v26