uni-app学习体会

        本学期学习了uni-app跨平台开发，选择的原因：开发者/案例数量更多、跨平台能力及扩展灵活性更强、性能体验优秀、周边生态丰富、学习成本低、开发成本低。

        uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

        

环境配置

HBuilderX官网下载地址：HBuilderX-高效极客技巧

选择对应的版本下载即可

HX的特点

轻巧、运行速度快、vue开发强化、小程序支持、markdown利器、界面清爽简洁、强大的语法提示、高效极客工具、更强的JSON支持

HX的扩展性

HX支持Java插件、nodejis 插件，并兼容了大部分vscode的插件及代码块。

支持通过外部命令方便地调用各种命令行功能，并设置快捷键。

支持快捷键导人。其他工具(如vscode或sublime)的快捷键，在“菜单”→“快捷键”方案中可以切换。

通过HBuilderX可视化界面创建项目

官方推荐使用HBuilderX创建项目，在HbuilderX会提供很多代码提示，编码直接在这个IDE里就行了，这种方式创建项目比较简单，可视化创建项目、运行，马上就可以上手开发了。

但是这种方式有个缺点，那就是用户可以自定义的选项少了，比如说测试环境和正式环境的区分，还有不支持命令行打包。

小程序运行到微信小程序当中

安装微信开发者工具，下载地址：微信开发者工具下载地址与更新日志 | 微信开放文档

安装并配置完毕之后，打开HBuilderX，进入项目，选择“运行”→"运行到小程序模拟器“→"微信开发者工具“命令，即可在微信开发者工具中体验uni-app

开启服务器端口，启动微信开发者工具

小程序运行到手机上

使用数据线连接手机和电脑，选择“传输文件”模式。

将手机设置为“USB调试模式”，具体如何调，自行操作。

在HBuilderX中单机“运行”→“运行到手机或模拟器”，选择相应的设备，即可在手机中查体验uni-app

uni-app小程序打包发行

在HBuilderX中，单击“发行”→“原生App-云打包”命令

登录HBuilder账号(如果没有账号需要自行注册)，需要实名认证才可以使用云打包功能，并配置打包选项(以打包安卓为例)。配置完成后，单击“打包”按钮

查看打包状态，单击“发行”→“原生App-查看云打包状态”命令。等控制台显示打包成功提示后单击下载地址即可下载

至此，基于uni-app的项目使用HBuilderX实现了App的打包，打开“所在目录”即可看到打包好的apk文件，如果有需要，可以把安装包发布到应用商店等其他渠道供其他人下载使用。

总结

总的来说，学习uni-app要不断地实践跟思考，遇到不会的问题就去问老师或者同学，要多交流，不断地实验总结经验。只有不断地充实自己才能够达成自己的梦想，达成目标。