前端代码（移动端app, vue 源代码）打包方法

一，移动端APP代码打包

H5写的app,开发工具HBuilder X 打包方式

帮助文档：http://ask.dcloud.net.cn/docs/

安卓apkd 打包方式：

1，将项目代码导入hbuilder开发工具，连接上手机修改代码、调试。完成后进行下步

 

2，调试完成后代码打包，点击——》发行——》原生APP_云打包——选择好（首次打包，需要选择app启动页，填写上UI设计的启动图放置在本地的地址就OK了），直接打包。

 

3，将打好的包下载到本地保存。打包完工！！！

 

苹果ipa的打包方式：（需要苹果的ios证书）

 

 

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

二， Vue 代码打包

1，在git  版本工具上更新最新代码带本地

 

2， 将Vue 框架代码依赖的包，找到放到打包的代码中

 

3，准备打包（多种方式，用前端开发工具webstorm  可以打包，也可以用命令——npm  在git 命令行打包）

$ npm -v                 #查看版本
$ vue -V

$ npm run dev            #启动vue项目

# npm run build:prod --report      # npm开始打包     

 

4， 用npm 开始打包，及打包完成

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++