DIY可视化导出源码整合uniapp环境搭建+调试+运行发布
教会大学如何快速进行uniapp环境搭建+调试+发布微信小程序教程。
DIY可视化导出源码
点击工具栏区，导出源码，输入应用标识，此处我们选择导出uview uniapp源码，设置完成后，点击确定，然后即可下载源码。下载的代码会有压缩包的形式下载下来。
环境搭建
下载HBuilder
HBuilderX下载地址：HBuilderX
HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。
下载后默认不包含uni-app插件，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。
项目搭建
解压导出应用压缩包文件，打开hbuilder前端开发工具，点击文件--导入--从本地目录导入--选择解压出来的目录--然后点击选择目录。
保存源码至本地
保存源码至本地是非常好用的功能，可以快速操作本地文件能力，保存源码至本地，免去复制源码。
H5运行及发行
本地应用及调试
在HBuilder中，有顶部菜单、toolbar运行按钮、快捷键三种运行入口。
1．顶部菜单运行
2．toolbar工具栏上的运行按钮
3．快捷键应行
运行快捷键是【Ctrl+r】
内置浏览器应行
打开uni-app项目的页面，点 HBuilderX 右上角的预览按钮，可以在内置浏览器里打开 Web 运行结果，也可以点右键打开控制台调试。
修改保存工程源码时，右边的浏览器内容可以自动刷新。
当然我们也可以回到DIY可视化进行对应的页面设计，设计完成后，点击保存源码至本地即可快速修改本地开发的代码。
发行
发行准备
点击mainfest.json里基础配置，生成uni-app应用标识。获取标识前，需要先绑定dcloud用户账号。
H5发行
点击菜单栏--发行--网站 PC Web或手机H5（适用于uni-app）。点击发行，如果发行准备没配置，发行时调试窗口会提示，发行成功后将在根目录生成unpackage\dist\build\h5文件夹，此文件对应的即为发行版本。如果你已有自己的网站，只需要把此目录下的所有文件拷贝进自己的服务器里，再通过自己域名来访问即可。
微信小程序运行及发行
下载微信开发者工具
微信开发者工具下载地址：
微信开发者工具下载地址
下载完成后，安装微信小程序开发者工具。
微信小程序调试
点击运行图标--微信开发者工具，HBuilder会自动跟开发者工具建立关系，自动创建应用并用微信开发者工具打开。如果未登录过微信开发者工具，会提示微信登录，请使用微信扫一扫登录，登录后，重新发行一次。如成功，微信小程序会自动打开首页面。
微信小程序发行
点击菜单栏--发行--小程序微信（仅适用于uni-app），将会弹出一个窗口，窗口里输入小程序Appid。以wx开头，如果你还没有自己微信小程序，请前往微信公众平台微信公众平台申请自己的微信小程序来获取appid。
点击后Hbuilder会重新对程序进行编译，编译完成后使用微信开发者工具来上传代码至公众平台。
