跨端必须要掌握的uniapp（3），前端基础

前言

距离上次内容发布隔得时间太久了，工作忙啊，周末就更懒了，但是就剩一点点了，总拖着心里也过意不去，今天就把剩下的讲完，发布打包配置还有其他细节注意事项吧。

h5

h5页面比较简单，前端打包就好，把打包结果给后台部署到服务器上就可以。

• 运行，有好几种，简单的就是用编辑器自带的内置浏览器就行，或者直接复制内置浏览器去外面打开浏览器复制也行。简单的内置浏览器就可以，比较复杂的比如vue devtool这个还是在外部浏览器好点。

• 打包：发行选择网站pc就是h5的打包了

小程序

• 运行；

这个需要去微信开发平台下载微信开发者工具 运行的时候选择你当前的小程序，是微信或者其他。

在工具的设置中去配置开发者工具的路径，这样运行的时候就会自动打开了。其他小程序配置也都在里面

对了，要是打不开，那就需要自己先将开发者工具打开，然后复制路径就可以了。这边保存，那边自动刷新，热更新吧。

• 打包：

打包发布我好像直接在微信开发者工具那边操作的，感觉这样更简单一点。打包代码也不用复制来复制去了。当然了过程还是要讲的，具体使用还是看个人吧。点击 “发行” => “小程序-微信”，输入小程序名称和appid点击发行就行了。打包后的文件在unpackage/dist/build/mp-weixin 目录中。

然后将代码导入到开发者工具中，测试下项目是否正常运行，然后点击“上传”按钮， “提交审核” => “发布” 小程序标准流程，就行，详细查看：微信官方教程小程序协同工作和发布 | 微信开放文档 (qq.com)。

总结

用uniapp开发我常用的就是h5和小程序，app还没用过也不敢乱教别人，想了解更多的还是推荐去官网看uni-app官网 (dcloud.io)，总算是讲完了，可是总觉得讲的不够好，还需要努力啊，学海无涯，加油吧。后面用这个做个案例来试试，不然学了不用就忘了。

好啦，本节内容就总结到这里。我的文章都是学习过程中的总结，希望能够和小伙伴们共同进步共同学习，如果发现错误，也欢迎留言指出，我及时更正。