mpvue+mpvueWeUI搭建小程序

1、初始化mpvue框架

vue init mpvue/mpvue-quickstart 项目名

2、进入项目文件夹,并安装依赖包

cd 项目文件夹

npm install

3、启动项目

npm run dev

此时会在项目文件夹中出现一个dist目录,这个目录就是生成的小程序相关代码。

4、搭建小程序的开发环境,调试开发mpvue

5、引入mpvue-weui

(1)首先下载mpvue-weui到本地

mpvue+mpvueWeUI搭建小程序_第1张图片

(2)把mpvue-weui中的dist->static->weui->weui.css放入mpvue项目的static中,(另外,images等文件也可以放进去)

mpvue+mpvueWeUI搭建小程序_第2张图片

 

 

(3)在main.js中引入

mpvue+mpvueWeUI搭建小程序_第3张图片

 

你可能感兴趣的:(微信小程序)