本文介绍了如何基于mpvue-quickstart模板创建并配置一个微信小程序项目。首先讲解了mpvue框架的原理，它是如何将vue的模板语法转换为小程序的wxml。接着详细描述了创建新项目的过程，通过命令行工具进行配置。然后进入开发模式，说明了自动编译的作用，即把Web代码转换成小程序代码。最后提到了在微信开发者工具中运行和查看结果的步骤，强调了设置自动编译以确保界面实时更新。
1.框架原理
mpvue保留了 vue.runtime 核心方法，无缝继承了Vue.js的基础能力
mpvue-template-compiler提供了将 vue 的模板语法转换到小程序的 wxml 语法的能力
修改了 vue 的建构配置，使之构建出符合小程序项目结构的代码格式： json/wxml/wxss/js 文件
2.创建一个基于 mpvue-quickstart 模板的新项目
vue init mpvue/mpvue-quickstart firstapp
命令行将一步步的引导我们选择或填写项目的配置信息，如果你还不太明白这些内容的含义，可以先直接全部按回车：
? Project name firstapp
? wxmp appid touristappid
? Project description A Mpvue project
? Author kevinzhang <kevin.zhang@moredist.com>
? Vue build runtime
? Use Vuex? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? 小程序测试，敬请
最低0.47元/天 解锁文章
281
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
