vue+vant+weapp搭建小程序，以及打包发布

vue环境搭建

  1. 安装node：进入node官网下载与系统匹配的安装包完成安装

  2. 安装vue：查看官网教程完成安装

构建 weapp

  1. 打开 微信开发者工具 新建项目

在这里插入图片描述

2.打开 新建项目 根目录 下的 cmd命令编辑器
在这里插入图片描述

3.初始化项目

(输入命令之后一直点回车)
npm init

在这里插入图片描述

4.安装 vant-weapp UI框架

 npm i @vant/weapp

在这里插入图片描述

5.设置 新建项目 使用npm模块

在这里插入图片描述

6.在 微信开发者工具 中
在这里插入图片描述
7.构建 vue + vant + weapp 小程序项目 完成

在这里插入图片描述

打包发布

当小程序开发完毕后，我们需要把程序发布上去。

  1. 点击上传按钮，按提示操作，填入版本及描述，完成上次
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述
  2. 登录小程序账号，查看版本管理，可以看到我们提交的版本。在这里插入图片描述

参考文档

1.https://blog.csdn.net/weixin_46540977/article/details/104812315

个人博客

# 小程序
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