uniapp进行微信小程序开发
什么是uni-app
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
uni-app的优势
uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。
创建uni-app
uniapp 是配个 HBuildx 这个开发工具来使用的，所以我们要先下载 Hbuildx 开发工具； Hbuildx 下载地址
1. 下载后解压缩后，先去配置下系统环境变量；
2. 下载后解压缩后，不用安装直接进入目录下双击打开运行HBuilderX.exe；
1、在工具栏中选择文件，选择新建，选择项目
（可以看到有 普通项目，有 uni-app 项目，一般在工作中，会选择新建普通项目，因为uni-app示例项目虽然很香，但是并不是很利于开发，需要删除很多东西，所以我个人选择的是普通项目）
选择uni-app项目，输入项目名称，选择文件存放位置，选择模板，根据需求选择vue2或vue3，选择是否开启云开发服务（*创建项目时未勾选可以自己手动生成），点击创建生成uni-app项目
*模板选择
创建项目时有许多模板可供我们选择，点击去搜索跳转Dcloud插件市场，搜索更多模板
2、安装实用插件
点击工具 --> 插件安装，我们可以看到 Hbuildx 给我们提供了核心插件；
什么是核心插件呢？ 就是利于我们开发，可以提高我们开发效率的东西；
什么是插件市场呢？ 我们在开发过程中，遇到了 UI 框架 或者 uniapp 内置组件满足不了我们的业务需求的，就可以前往插件市场去看看，总会有一个比较满意的！
比如我们使用 Git 往仓库提交代码，我们就可以 下载 Git 插件，辅助我们使用Git！
比如我们格式化代码 我们就可以下载 Prettier 插件，ctrl + K 快捷格式化
3、项目框架
以下是模板内置的文件介绍，全局通用组件需创建components文件夹存放
在开发过程中，为了更好的查看整理，在pages中依照业务功能来创建分类文件夹，按照首页tabbar来区分功能模块。
4、创建页面
选择文件夹右键点击新建页面
输入页面名称，选择需要的模板后就可以创建了，勾选“在pages.json中注册”，在创建后会自动注册该页面。
uniCloud
uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。为每个开发者提供一个免费服务空间，让每个人拥有自己的服务器。开发者可以自主选择uniCloud的硬件和网络资源的供应商，在阿里云版和腾讯云版之间切换。
选择项目右键，创建云开发环境，选择供应商。
对项目根目录uniCloud点右键选择关联云服务空间，绑定之前创建的服务空间，或者新建一个服务空间。
uniCloud项目创建并绑定服务空间后，开发者可以创建并调用云函数（云对象是云函数的一种，云函数可泛指普通云函数和云对象）。使用云对象后逻辑更加清晰、代码更精简、由框架接管统一的响应体规范避免了接口联调的烦恼。
5、运行小程序
完成小程序代码的编写后就可以运行小程序了，但在运行前需要配置微信开发者工具路径 （需要先下载并安装微信开发者工具）
但是，运行小程序我们需要注意几个地方：
① 配置manifest.json文件，配置微信小程序AppID
微信小程序AppID 哪里来？ 登录微信公众平台，开发管理 --> 开发设置中
② 运行微信小程序需要配置 微信开发者工具路径，这样 Hbuildx 才知道去哪里打开微信开发者工具
③ Hbuildx 的配置结束了，我们还需要到微信开发者工具中进行配置，不然是会运行失败的
打开微信开发者工具，点击右上角的设置按钮，打开设置弹窗页面，开启微信开发者工具中的服务端口，在代理设置中选择使用系统代理
在安全设置中开启服务端口
补充：（代码编译完成，控制台报 [error] Error: Fail to open IDE 错误，可以 正常唤起微信开发者工具 ，但是 无法打开项目 ，可以考虑试一下这个）
唤起微信开发者工具后，点击 “+” 号，如下图进入到小程序设置界面
完成后就可以回到uni-app项目运行到微信小程序了
跳转到微信小程序页面，显示自己的页面则运行成功。微信小程序与uni-app有许多相似之处，可以在微信小程序中直接修改代码。
浙公网安备 33010602011771号