登录
注册
模板
购买
商业授权
主机域名
专业授权
易优代理
易优+
应用
源码
插件
问答
帮助
视频教程
易优技巧
常见问题
易优手册
标签工具
更多
小程序
组件库
案例库
小程序模板网
首页
小程序模板网
开发文档
小程序开发教程
正文
使用小程序组件化开发框架wepy
发布时间:2018-04-16 11:44
所属栏目:
小程序开发教程
作者:石桥码农,来自
原文地址
天下雪:这个框架用的人已经十分之多了,但是本文不完整,推荐阅读wepy框架的相关文章内的文章
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是一个不错的框架,非常值得老程序员学习,因为它站在了时代的前沿。小程序开发新手不建议学习,没有基础的同学还是建
易优小程序(企业版)+灵活api+前后代码开源
码云仓库:
本文地址:https://www.eyoucms.com/wxmini/doc/course/23490.html
复制链接
如需定制请联系易优客服咨询:800182392
点击咨询
热门问题
最新问题
1
微信小程序自定义组件 - 表格组件来啦
2
微信小程序自定义navigationBar顶部导航栏,兼容适配所有机型(附完整案例)
3
手机界面设计尺寸规范
4
小程序-记牌器
5
微信小程序app.json文件常用配置说明
6
微信小程序获得session_key和openId(加解密、签名系列)
7
微信小程序|实现界面滑动切换
8
小程序登录的最优流程
9
微信小程序尺寸单位rpx和样式使用详解
10
微信小程序-scroll-view滚动到指定位置(类似锚点)
1
微信小程序app.json文件常用配置说明
2
微信小程序文字控制单行超过显示省略号
3
微信小程序参数传递的几种方法
4
微信小程序使用button按钮分享
5
微信小程序的setData
6
小程序分享,获取openid
7
微信小程序-实现tab
8
微信开发者工具新建和导入小程序
9
微信小程序实现点击拍照长按录像功能
10
微信小程序必知知识
产品
商业授权
开通会员
易优代理
推荐主机
服务
更新日志
用户案例
加入Q群
增值服务
帮助
易优问答
标签手册
易优技巧
功能字典
关于
关于易优
知识产权
版权声明
隐私协议
工作日 8:30-12:00 14:30-18:00
周六及部分节假日提供值班服务
联系我们
QQ在线咨询
业务客服
付费修改
加入Q群
微信客服
工作日 8:30-12:00 14:30-18:30