Weapp小程序 Vue

vue vant weapp 搭建小程序项目，以及打包发布( vue 小程序项目 )

vue vant weapp 搭建小程序项目，以及打包发布( vue 小程序项目 )

Posted by Konmer on November 24, 2020

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

CATALOG
    FEATURED TAGS
    Blog React-native Github React-native React Vue Weapp小程序 数据库 MySQL Android Studio RN 微信小程序 API 封装 vue vue技巧
    FRIENDS