如何快速掌握mpvue开发微信小程序的基础知识？

本文共计3427个文字，预计阅读时间需要14分钟。

一、mpvue简介mpvue是一个基于Vue.js开发小程序的前端框架。框架基于Vue.js核心，对Vue.js的runtime和compiler进行了修改，使其能够在小程序环境中运行，从而简化小程序的开发流程。

一、mpvue简介

mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini program 的缩写。

二、mpvue快速入门

① 通过脚手架引入mpvue模板

vue 3.0已经不支持vue init命令了，所以需要单独安装@vue/cli-init，安装好之后，就可以按以下操作步骤引入mpvue模板了

npm install -g @vue/cli-init vue init mpvue/mpvue-quickstart my-project cd my-project npm install npm run dev

npm run dev命令会在项目根目录下生成一个dist目录，其就是将vue的项目转换为微信小程序项目

② 搭建小程序的开发环境

微信提供了一个专门微信开发者工具用于开发小程序，需要下载安装微信开发者工具，同时还需要申请一个小程序ID，即AppID，因为通过微信开发者工具创建小程序项目需要填入AppID，可以在微信公众平台申请得到。