微信小程序开发（新手上手指南）

当你需要使用 uni-app 来开发微信小程序时，本文或许可以给你提供一些帮助

---

前言

本文使用到的工具是 HBuilder 和 微信开发者工具

主要讲述如何配置，可以实现简单上手，具体的开发还是要参考相应的Api

---

一、HBuilder设置

1.下载地址

HBuilderX-高效极客技巧

2.参考Api

uni-app官网

3.在HBuilder中设置微信开发者工具的路径

4.说明

HBuilder 软件使用时直接打开项目的src文件即可

vsCode可以同步修改

提交代码可以使用sourceTree

---

二、微信开发者工具设置

1.官网地址

icon | 微信开放文档

2.开启服务端口

只有开启了服务端口，才可以和 HBuilder 连接，进行相应的调试

---

三、uni-app常用方法

1.配置导航信息

2.页面跳转

uni.navigateTo({
    url: '/commonPage/wifi/result?type=success&entDetail=' +
        JSON.stringify(entDetail)
})

3.获取路由中携带的参数

data() {},
onLoad(options) {
    console.log(options);
}

4.返回上一页

goBack() {
    uni.navigateBack()
},

5.操作缓存中的数据

// 存数据
uni.setStorageSync('wifiInfoList', options.entDetail);

// 取数据
this.selectWifiList = uni.getStorageSync('wifiInfoList')

// 删数据
uni.removeStorageSync('wifiInfoList');

总结

以上就是今天要讲的内容，看完这一篇你就可以了解如何使用 HBuilder 进行开发并且在 微信开发者工具 上进行调试了。