一.安装Vue及Vue-cli脚手架

参考：Windows安装Vue

二.安装HBuilder X【方便快速上手】

1.下载
在这里插入图片描述
2.解压【无需安装】
在这里插入图片描述
3.点击执行【根据需要创建桌面快捷方式即可】
在这里插入图片描述
4.创建项目
在这里插入图片描述
5.选择小程序
在这里插入图片描述
创建成功如下：
在这里插入图片描述

三.注册微信公众平台账号

获取微信小程序开发工具和AppID：

在这里插入图片描述

四.下载小程序开发工具

在这里插入图片描述

五.安装

在这里插入图片描述

六.导入微信小程序项目

在这里插入图片描述

七.查看导入的项目

在这里插入图片描述

八.实际效果

点击“预览”会生成二维码在这里插入图片描述
扫描二维码可以查看小程序效果：
在这里插入图片描述
至此，Vue开发微信小程序的步骤已基本完成，下一步将具体开发小程序内部代码！

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue