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

前往低代码交流专区

更多推荐