用mpvue开发微信小程序

一、搭建项目

官网教程:http://mpvue.com/mpvue/#_2
用vue-cli构建项目后,在微信开发者工具中项目目录选择构建的dist目录,不是src目录

二、新建页面

每一个页面都是新建文件夹,然后包含由下面三个文件
srcpagesindexindex.vue
srcpagesindexmain.js
srcpagesindexmain.json(非必须)
推荐将每个文件夹中的index.vue文件名改为模块文件名例如login.vue,在main.js中修改引入文件名即可。
文件创建好以后要到srcapp.json中进行注册。

三、mpvue引入sass

安装sass-loader:npm i sass-loader node-sass --save-dev即可
在style标签加上scss标签即可