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到本地

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

（3）在main.js中引入

mpvue+mpvueWeUI搭建小程序相关推荐

mpvue + vuex搭建小程序详细教程
源码 mpvue-vuex-demo 构成 1.采用mpvue 官方脚手架搭建项目底层结构 2.采用Fly.js 作为http请求库 3.引入mpvue-router-patach,以便在mpvue小 ...
nodejs+express搭建小程序后台服务器
本文使用node.js和express来为小程序搭建服务器.node.js简单说是运行在服务端的javascript:而express是node.js的一个Web应用框架,使用express可以非常简 ...
基于mpvue的微信小程序全栈保姆式教程一
预览最终效果https://github.com/FFGF/XCDHBook/blob/master/static/XCDHBook.gif顺便推荐一个视频转gif的好工具https://ezgif. ...
基于mpvue开发微信小程序，入门开发步骤
接下来..... 1. 初始化一个 mpvue 项目现代前端开发框架和环境都是需要 Node.js 的,如果没有的话,请先下载 nodejs 并安装. 然后打开命令行工具: # 1. 先检查下 No ...
使用React+Taro搭建小程序
在开发微信小程序的过程中,常用的小程序UI框架有: taro uniapp mpvue Mpx Wepy Wux Weapp 显然比较好用且较广泛使用的是uniapp和taro. 虽然Taro和uni ...
函数计算搭建小程序Web应用后端服务
简介:使用Severless架构搭建移动App.小程序和Web应用后端服务,弹性伸缩使用云资源. 直达最佳实践:[函数计算搭建小程序Web应用后端服务] 最佳实践频道:[点击查看更多上云最佳实践] 这 ...
使用mpvue开发微信小程序——原生微信小程序、mpvue、wepy对比
mpvue是什么?为什么使用它? 目前小程序开发主要有三种形式:原生.wepy.mpvue,其中wepy是腾讯的开源项目:mpvue是美团开源的一个开发小程序的框架,全称mini program vu ...
[转]mpvue中的小程序调用系统自带查看图片的功能
mpvue中的小程序调用系统自带查看图片的功能这里举个栗子: <template><div class="keting"><div class=&q ...
点击button后改变文字_27. 教你零基础搭建小程序：小程序的常见组件—button
筒子们,这一章接着讲Button 标签. 开放能力的属性 button标签的开放能力是指open-type 属性. 其中,这个属性的合法值包括如下: 这一部分呢,需要分为两个方式来演示. 一是可在模拟 ...