微信小程序开发进阶篇（mpvue）

微信小程序开发进阶篇（mpvue）

1、开发须知

开发工具：

微信开发者工具最新版本：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

微信开发者工具1.05.2111300版本：

https://developers.weixin.qq.com/community/minihome/doc/0004c0333b05e8c1112db61535b401

知识储备：

• 对微信小程序的基础（原生）开发有一定的基础
• 对vue框架开发有一定的基础

2、初始化项目

要创建一个基于mpvue框架的微信小程序项目，大致需要以下几步：

1）检查NodeJS和vue-cli等是否已在本地安装

2）创建一个mpvue项目

注意：我们安装的vue cli 3是不支持vue init功能，需要以下操作
Vue CLl >= 3和旧版使用了相同的 vue命令，所以Vue cLl 2 ( vue-cli )被覆盖了。如果你仍然需要使用旧版本的vue init功能，你可以全局安装一个桥接工具:

npm install -g @vue/cli-init

vue init的运行效果将会跟 vue-cli@2.x 相同（vue init webpack my-project）

3）重新执行创建mpvue项目的命令

vue init mpvue/mpvue-quickstart 项目名称

4）进入项目路径，安装依赖

5）启动项目

• 1终端启动 npm start
• 2用微信开发者工具打开项目