微信小程序开发进阶篇(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用微信开发者工具打开项目
posted @ 2022-02-15 21:07  W-D-G  阅读(72)  评论(0编辑  收藏  举报