微信小程序mpvue+vant

一、构建mpvue项目

1.初始化项目:

vue init mpvue/mpvue-quickstart my-project

2.引入依赖

npm install

3.打包一下(不打包会报找不到app.json)

npm run build

4.将整个项目导入微信小程序开发者工具

微信小程序mpvue+vant

5.在vscode打开修改代码,然后npm run dev即可边修改代码边查看效果

二.在mpvue中引入vantWeapp

1.在dist wx右键选择在终端打开

微信小程序mpvue+vant

 

2.安装vant

npm i vant-weapp -S --production

3.构建npm:工具 -->构建npm

微信小程序mpvue+vant

4.配置使用npm模块:工具-->项目详情

微信小程序mpvue+vant

5.即可在main.json或main.js中配置使用

微信小程序mpvue+vant

注:引入的地址是你引入依赖的文件夹的名称,有时引入的vant-weapp带版本号,注意修改