欢迎来到258分享网,纯净的网络源码分享基地！

登录注册 QQ登录

金币充值帮助中心

258资源分享网

热门搜索：　织梦　农业种植　农业　安全设置　官方

258资源分享 > 建站学院 > 微信开发 > 使用小程序组件化开发框架wepy

购买VIP 金币充值

分类

织梦教程帝国教程 discuz教程微信开发 MYSQL教程 MSSQL教程网站运营 ecshop教程前端教程 Phpweb教程 php编程服务器架设 ASP编程脚本编程

推荐文章

推荐下载

HTML5响应式自适应网咯设计

2020-05-12 浏览：789

HTML5自适应律师工作室类网

2020-04-04 浏览：654

高端HTML5响应式企业通用网

2020-05-06 浏览：560

html5响应式外贸网站英文版

2020-05-08 浏览：545

HTML5影视传媒文化公司类网

2020-05-12 浏览：543

使用小程序组件化开发框架wepy

发布时间:2020-11-30

wepy是一个很棒的工具式框架，它简化了小程序组件的开发和使用，将小程序这个编程新物种与既有的js世界连接了起来。

1，项目创建与使用（以下安装都通过npm安装）

安装（更新） wepy 命令行工具。
sudo npm install wepy-cli -g
在开发目录生成开发DEMO。
wepy new myproject
切换至项目目录，开发实时编译。
cd myproject
wepy build --watch

2，测试（将微信开发者工具当成weapp player使用）

使用微信开发者工具新建项目，本地开发选择dist目录。
微信开发者工具 --> 项目 --> 关闭ES6转ES5。(这一步很重要，不然运行不正常)

3，WebStorm下代码高亮

打开Preferences，搜索Plugins，搜索Vue.js插件并安装。
打开Preferences，搜索File Types，找到Vue.js Template，在Registered Patterns添加*.wpy，即可高亮。

推荐使用webstorm，多种编程语言都可以用它，在这里可以得到免费的试用激活码。如果有钱，建议购买正版。

这个效果来源于示例，是通过使用一个wepy-com-toast组件实现的。
import Toast from 'wepy-com-toast'

该组件位于node_modules目录下，是一个被依赖的npm，可以被自动安装。在package.json中有其描述：

通过该机制，wepy将小程序与原来的js代码世界连接了起来。

程序员们可以造很多小程序组件轮子，然后很方便的在项目中使用。

目前在wepy项目中使用第三方组件，基本有三步：
1，引用 import Toast from 'wepy-com-toast'
2，声明，相当于声明了一个toast变量

3，使用

toast是一个事件函数。

使用步骤是相当简洁的，其实还可以更简洁。将常用组件封装在一起，像$.weui.toast('')这样使用，或许更简单。

wepy:https://github.com/wepyjs/wepy

wepy是一个不错的框架，非常值得老程序员学习，因为它站在了时代的前沿。小程序开发新手不建议学习，没有基础的同学还是建

本文标签

程序组件使用开发框架 wepy

上一篇：小程序专用LBS数据服务工具包（腾讯位置服务）
下一篇：微信小程序wxTimer更新，加入多计时器功能。