使用Cordova打包Vue项目为IOS并使用XCode提交到AppStore

打包Vue项目

1.在Webstorm中打开Vue项目，在下面的Terminal中输入：

npm run build

2.等待build完成，双击项目，进入菜单选择Reveal in Finder ，打开项目的真实目录

3.找到dist目录，进入

4.将dist目录下的static文件夹以及index.html全部复制

5.打开cordova项目的真实目录下的www目录，进去后用刚才复制的Vue项目的static以及index.html替换掉Cordova项目下的www目录下的两个文件。

Cordova项目

1.关于新建Cordova项目的新建参照：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82964900

2.新建完了Cordova项目还要安装具体用法的插件，不再详解。

3.使用Webstorm打开刚才已经替换掉www目录的cordova项目

4.同样打开下面的Teriminal,输入：

cordova build ios

5.build完成后,到Cordova项目的真实目录下，有个xcodeproject，双击会使用XCode打开

 

XCode打包

1.上面用XCode打开后，首先更改构建版本，每次的构建版本是不能相同的，否则无法构建

2.然后来到Info下的权限声明，只要是涉及到用户的隐私的权限，都要添加中文提示，而且要人性化，并且要说明使用权限的目的。

3.然后，选择Generic IOS Device,当然也可以选择其他的虚拟手机设备，然后点击左边的小三角进行运行。

4.选择为Generic IOS Device，后选择上面的Project下的Archive

5.等待完成后，会有弹窗显示最新的构建版本，选中后点击右边的Upload to App Store

6.点击next

7.点击next

8.点击upload

9.等待upload完成

10.出现下面页面则成功，然后点击向右的小箭头，进入到App Store的提交审核页面

App Store提交审核

1.如果提示找不到账户之类的问题，尝试重启XCodde。

2.点击小箭头跳转并登录后，如果获取不到构建版本或者要更改App 图标请参考：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82876655

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82876899

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82875098

3.在App  Store的提交审核页面中选择添加构建版本，点击+号或者中文提示的地方，都能选择

4.选择最新的刚才提交的构建版本，点击完成

5.填写完相关的要填写的信息后，点击存储，再点击提交所有页面审核

6.根据个人选择发布版本的时间等一些选项，然后等待官方的审核结果。