mpvue脚手架模板，添加mpvue-entry、mpvue-router-patch、minapp-api-promise、vuex、less、flyio、wux-weapp...

最新推荐文章于 2024-08-16 08:46:47 发布

George_Fal

最新推荐文章于 2024-08-16 08:46:47 发布

阅读量455

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/kaikai1/blog/3033492

本文介绍了一个基于mpvue的小程序开发框架mpvue-quickstart的使用方法。通过该框架可以实现类似Vue的开发结构，并引入了mpvue-entry、mpvue-router-patch等工具，支持全局Vuex和Less，同时还利用flyio进行网络请求，自动按需加载wux-weapp组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

mpvue-quickstart

hkaikai/mpvue-quickstart fork 自 mpvue/mpvue-quickstart修改而来。

基本用法

$ npm install -g @vue/cli
$ npm install -g @vue/cli-init
$ vue init hkaikai/mpvue-quickstart my-project
$ cd my-project
$ npm install
$ npm run dev

项目说明

mpvue小程序框架，在mpvue-quickstart基础上引入

全局vuex、less

自动按需导入wux-weapp组件（根据usingComponents自动引入）实现更像vue的开发结构

更多详细文档请查阅 quickstart

转载于:https://my.oschina.net/kaikai1/blog/3033492

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

George_Fal

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

mpvue中路由管理之mpvue-entry

qq_42559485的博客

08-25

1320

简介：mpvue-entry是集中式页面配置，自动生成各页面的入口文件，优化目录结构，支持新增页面热更新 1.废话不多说，要使用mpvue-entry管理首先需要在package.json中引入依赖后，运行npm install加载依赖 2.引入成功 2.需要在webpack.base.conf.js文件中配置上面注释的是原本的路由跳转配置，因使用了mpvue-entry后不需要，故可注释...

基于mpvue创建小程序之mpvue-entry掘坑记

尤其十月的博客

04-08

2352

基于mpvue创建小程序之mpvue-entry掘坑记最近公司有做小程序的需求，因为比较熟悉Vue,随意选了美团的mpvue框架具体情况可以看看官方文档 mpvue mpvue的坑： 1.mpvue新增页面或者模块的时候必须重新npm run dev才可以进行更新，不支持热更新 2.mpvue所有页面模块.vue文件都需要写main.js，重复工作于是机智的我找到了mpvue-entry这个...

参与评论您还未登录，请先登录后发表或查看评论

mpvue项目中使用mpvue-entry与mpvue-router-patch时的“版本冲突问题”（Cannot read property ‘loaded‘ of null）

热门推荐

weixin_45242865的博客

06-04

1万+

一开始照着这篇文章做 pamerely的博客文章（mpvue项目中使用vue-router）但是最后执行命令 “npm run dev” 时出现以下错误：然后找了很久，终于看到这篇文章尤其十月的博客文章（基于mpvue创建小程序之mpvue-entry掘坑记）才得以解决以上错误解决方法： 1.首先第一篇文章中 mpvue-entry 和 mpvue-router-patch 是这样安装的 2.此处可将第二条安装命令改为第二篇文章中提供的命令至此问题解决补充：如果已经安装了 mpvue-en

学习笔记之搭建mpvue脚手架

slow_sparrow的博客

02-22

341

一、安装cli-init. 当我们直接搭建脚手架时，如果没有安装cli-init会报错。因此，我们首先需要安装cli-init。使用如下命令可以直接安装。 npm install -g @vue/cli-init 二、搭建脚手架 1、基于mpvue-quickstart模板创建新项目 vue init mpvue/mpvue-quickstart my-project 在输入命令后，我们需要在...

小程序 mpvue脚手架搭建

weixin_37639280的博客

08-09

211

1.安装cnpm 官网https://cli.vuejs.org 2.安装mpvue 官网http://mpvue.com/mpvue/

mpvue - mpvue-router-patch配置路由

idomyway的博客

06-12

4122

前言 mpvue-router-patch是mpvue 中使用 vue-router兼容的路由使用 // 在src/main.js import Vue from 'vue' import MpvueRouterPatch from 'mpvue-router-patch' Vue.use(MpvueRouterPatch) 方法 $rout...

基于mpvue构建的小程序-vue模板项目，还引入了vuex,sass,flyio等

06-19

一个基于mpvue构建的小程序-vue模板项目，还引入了vuex,sass,flyio等构成 1、采用mpvue 官方脚手架搭建项目底层结构 2、采用Fly.js 作为http请求库 3、引入mpvue-router-patach，以便在mpvue小程序中能使用vue-...

mpvue-demo:mpvue-demo,vue小程序框架demo

05-02

mpvue-demo mpvue-demo IT之家小程序版客户端 Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with ... 使用 mpvue-entry 配置入口

vue-mpvue-ChatRobot聊天机器人vue-mpvue-ChatRobot-master（小程序）

04-10

MPVue 支持 Vue.js 的大部分特性和 API，同时也提供了一些专为小程序设计的特性，如组件化开发和预编译模板。小程序是一种无需下载安装即可使用的应用形式，由微信等平台提供。它实现了“触手可及”的梦想，用户扫...

基于mpvue初始脚手架进行的再封装

08-10

基于mpvue 初始脚手架进行的再封装

mpvue使用mpvue-entry后，引入原生开发组件

cow66的博客

10-30

3244

mpvue-entry是集中式页面配置，自动生成各页面的入口文件，优化目录结构，支持新增页面热更新引入这个之后，目录下面就没了main.js 怎么引入原生开发的组件呢？ mpvue-entry 文档中写了，需要注意看 ├─build ├─config ├─src │ ├─components │ ├─pages │ │ └─news │ │ │─list.vue │ │ └...

mpvue 小程序常用的一些插件路由跳转mpvue-router-patch，数据请求flyio,vuex

web前端开发大全

10-19

293

路由跳转mpvue-router-patch 方法 $router.push(location, onComplete?, onAbort?, onSuccess?) 跳转到应用内的某个页面，mpvue.navigateTo、mpvue.switchTab 及 mpvue.reLaunch 均通过该方法实现，location 参数支持字符串及对象两种形式，跳转至 tabBar 页面或重启至某...

mpvue项目使用 mpvue-router-patch插件不生效

qq_43477721的博客

04-04

489

我猜我应该是为数不多遇到这种情况的人，使用 mpvue-router-patch不生效怎么说不生效呢？就是触发点击事件，然后页面不跳转。这个一开始让我感到很奇怪。在里面打印一段话，是可以打印出来的。声明点击这个事件是触发的，但是页面并没有跳转。之后，我重新 npm install ，发现结果是一样的。还是不能跳转。我以为是自己初始化项目的时候出现问题，所以我重新初始化一遍，结果是，还是不能触发...

minapp-api-promise

tattoo_jie的博客

08-12

407

微信小程序所有API promise化，支持await、支持请求列队.核心代码Fock自wepy框架如何使用：如果你的小程序代码配置了工作流环境（比如webpack），可以通过npm下载安装代码 npm install minapp-api-promise --save 引入代码 import WXP from 'minapp-api-promise' 如果没有使用任何脚手架，用官方提供的微信开发者工具开发，请拷贝项目dist目录下的wxp.js文件到你的项目目录引入代码 import WXP f

mpvue入坑之旅（二）基础

qq_23470315的博客

12-15

242

mpvue入坑之旅（二）基础1 基础知识1.1 目录结构1.2 项目配置文件1.3 开发目录文件1.4 文件结构 1 基础知识一个 Vue 应用由通过new Vue创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。 1.1 目录结构 build：构建目录，项目构建相关代码 config：配置目录 dist：输出目录，当前输出的是微信小程序文件（wxml、js、wxss） node_modules：npm 加载的项目依赖模块目录 static：静态资源目录 src：开发目录，编写小程序功能

微信小程序mpvue+vantUI+flyio+vuex入坑(1)

weixin_34261415的博客

10-16

411

微信小程序mpvue+vantUI+flyio+vuex入坑(2) 简单介绍一下mpvue mpvue是美团团队开发的一个基于vue.js核心开发小程序的前端框架，可以使用vue的语法来写小程序页面。对于我这种只会vue全家桶的前端来说，算是福音了。介绍一下vantUI 因为比较懒，就选了一个UI框架来节省时间，其实有几个不错的UI框架，对比了一下vant weapp比较符合当前需求，所以最...

使用MinApp-API-Promise打造无缝的微信小程序后端交互体验

gitblog_00001的博客

03-27

341

使用MinApp-API-Promise打造无缝的微信小程序后端交互体验项目简介是一个轻量级的JavaScript库，专为微信小程序开发者设计，旨在简化与后端API的交互过程，通过Promise化处理使得异步操作更加优雅和易于管理。这个项目的目的是帮助开发者更高效、更稳定地构建微信小程序应用，提升开发效率，降低维护成本。技术分析 Promise 化的 API 调用微信小程序原生的API调用...

MinApp-API-Promise 项目教程