uni-app 微信小程序开发安装配置 HbuilderX 微信小程序开发工具

本文主要是介绍uni-app 微信小程序开发安装配置 HbuilderX 微信小程序开发工具，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

安装HbuilderX

官网下载：
https://www.dcloud.io/hbuilderx.html

编译器用来编写小程序代码

微信小程序开发工具

官网下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

用于小程序的页面调试

创建项目

HbuilderX创建项目
在这里插入图片描述
结构如下

|-- 项目根目录|-- components          // 存放自定义组件|-- pages               // 存放各个页面|-- index|-- index.vue   // 首页文件|-- static              // 存放静态资源，如图片、样式等|-- unpackage           // 打包输出目录|-- App.vue             // 应用入口文件|-- main.js             // 应用入口文件|-- manifest.json       // 配置文件|-- pages.json          // 页面配置文件|-- uni.scss            // 通用样式文件