uni？app搭建微信小程序开发环境
利用uni-app开发微信小程序，要比单纯的开发微信小程序方便很多。uni-app不仅有vue的便利，还可以使用微信小程序的api，集二者之优于一身。那么如何开始一次开发呢？
下载软件
- node
- 微信开发者工具
- HBuild X
项目开发步骤
第一步 创建项目
利用HBuild X创建uni-app项目
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-f39f528c08f4ab6e8cfe65e3220893d8.png">
初始目录结构就是这个样子
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-bec3a66fe588447a030c6e082fea22f8.png">
编译项目
这个时候还不能在微信小程序工具上运行，先编译一下，得到一个编译好的项目
发行-> 小程序微信-> 得到编译好的项目—> 这个时候，微信小程序工具就可以打开这个编译好的项目了。
原理：uni-app基于vue开发，然后将项目进行编译，根据不同的选择，编译出不同的版本，供其他端使用，所以它才能一套代码，多端使用，强大之处就在于它的编译器了。
编译好了，我们看看编译后的结果，这里使用微信开发者工具打开文件夹mp-weixin即可。注意，这里是dev,发行会生成build文件夹。
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-8e150c1cdb7a741f21bef7df6a56be95.png">
微信小程序打开项目
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-8c595e88729e1ef34a6baf9d8a3e7.png">
那么之后如何开发呢？
在HBuilder X上编辑代码，保存之后会自动编译，然后再在微信小程序中进行调式/发布等。
注意
不要在微信小程序工具中进行编辑代码，不然Hbuild X中编译依旧会把你改的代码覆盖掉。
****更多行业产品开发方案，请关注 JSudo****
<以上资讯仅供参考，如需解决具体问题，建议您关注作者；如果有软件产品开发需求，可在线咨询获取产品开发方案和报价>
小程序开发
小程序商城
微信小程序
加客服微信获取更多内容