Awesome
微信小程序 WePy Sublime 插件
| Wepy Page | 小程序组件 |
|---|
| <img src="./demo/page.gif"> | <img src="./demo/movable.gif"> |
微信小程序 WePy Sublime 插件，集成部分 WePy 可复用代码块，整合小程序组件并生成代码片段。使用 WePy Snippets 开发小程序将变得更高效。
在使用之前
文件后缀为.wpy，可共用Vue的高亮规则
Linux/Windows/OS X: Ctrl+Shift+P or Cmd+Shift+P
Package Control: Install Package 搜索 Vue Syntax Highlight
安装方法
1.前往指定目录
Nix: ~/.config/sublime-text-3/packages
Mac: ~/Library/Application\ Support/Sublime\ Text\ 3/Packages
Win: %APPDATA%\Sublime Text 3\Packages
2.clone 该项目到该目录
git clone https://github.com/MiGongOrg/wepy-snippets.git 'wepy-snippets'
使用方法
输入相应命令后按 Tab
注： 如果没有自动提示，请设置用户配置文件 Preferences - Settings
"auto_complete_selector": true
WePy
| 命令 | 说明 |
|---|
| wpage | wepy page |
| wcomponent | wepy component |
| wrepeat | wepy repeat |
小程序组件
视图容器组件
| 命令 | 说明 |
|---|
| wview | 视图容器 |
| wscrollview | 可滚动视图区域 |
| wswiper | 滑块视图容器 |
| wmovableview | 可移动的视图容器 |
| wcoverview | 覆盖在原生组件之上的文本视图 |
| wcoverimage | 覆盖在原生组件之上的图片视图 |
基础内容组件
| 命令 | 说明 |
|---|
| wicon | Icon 图标 |
| wtext | 文本 |
| wrichtext | 富文本 |
| wprogress | 进度条 |
表单组件
| 命令 | 说明 |
|---|
| wbutton | 按钮 |
| wcheckbox | 多项选择器 |
| wform | form 表单 |
| winput | 输入框 |
| wlabel | 标签 |
| wpicker | 选择器 |
| wpickerview | 滚动选择器 |
| wpickerviewcolumn | 选择列 |
| wradio | 单项选择器 |
| wslider | 滑动选择器 |
| wswitch | 开关选择器 |
| wtextarea | 多行输入框 |
导航组件
媒体组件
| 命令 | 说明 |
|---|
| waudio | 页面链接 |
| wimage | 图片 |
| wvideo | 视频 |
| wwcamera | 系统相机 |
| wliveplayer | 实时音视频播放 |
| wlivepusher | 实时音视频录制 |
地图组件
画布组件
开放能力
| 命令 | 说明 |
|---|
| wopendata | 开放数据 |
| wwebview | 网页容器 |
小程序 API
网络
发起请求
上传、下载
| 命令 | 说明 |
|---|
| wuploadfile | 将本地资源上传到开发者服务器 |
| wdownloadfile | 下载文件资源到本地 |
WebSocket
| 命令 | 说明 |
|---|
| wconnectsocket | 创建一个 WebSocket 连接 |
| wonsocketopen | 监听 WebSocket 连接打开事件 |
| wonsocketerror | 监听 WebSocket 错误 |
| wsendsocketmessage | 通过 WebSocket 连接发送数据 |
| wonsocketmessage | 监听 WebSocket 接收到服务器的消息事件 |
| wclosesocket | 关闭 WebSocket 连接 |
| wonsocketclose | 监听 WebSocket 关闭 |
媒体
图片
| 命令 | 说明 |
|---|
| wchooseimage | 从本地相册选择图片或使用相机拍照 |
| wpreviewimage | 预览图片 |
| wgetimageinfo | 获取图片信息 |
| wsaveimagetophotosalbum | 保存图片到系统相册 |
录音
未添加 startRecord stopRecord 因在 1.6.0 版本开始接口不再维护，未添加
录音管理
| 命令 | 说明 |
|---|
| wgetrecordermanager | 获取全局唯一的录音管理器 |
音频播放控制
playVoice pauseVoice stopVoice 因在 1.6.0 版本开始接口不再维护，未添加
音乐播放控制
getBackgroundAudioPlayerState 等... 因在 1.2.0 版本开始接口不再维护，未添加
背景音频播放管理
| 命令 | 说明 |
|---|
| wgetbackgroundaudiomanager | 获取全局唯一的背景音频管理器 |
音频组件控制
createAudioContext 因在 1.6.0 版本开始接口不再维护，未添加
| 命令 | 说明 |
|---|
| wcreateinneraudiocontext | 创建并返回内部 audio 上下文 innerAudioContext 对象 |
视频
| 命令 | 说明 |
|---|
| wchoosevideo | 拍摄视频或从手机相册中选视频 |
| wsavevideotophotosalbum | 保存视频到系统相册 |
视频组件控制
| 命令 | 说明 |
|---|
| wcreatevideocontext | 创建并返回 video 上下文 videoContext 对象 |
相机组件控制
| 命令 | 说明 |
|---|
| wcreatecameracontext | 创建并返回 camera 上下文 cameraContext 对象 |
实时音视频
| 命令 | 说明 |
|---|
| wcreateliveplayercontext | 操作对应的 <live-player/> 组件 |
| wcreateliveplayercontext | 创建并返回 live-pusher 上下文 LivePusherContext 对象 |
文件
| 命令 | 说明 |
|---|
| wsavefile | 保存文件到本地 |
| wgetfileinfo | 获取文件信息 |
| wgetsavedfilelist | 获取本地已保存的文件列表 |
| wgetsavedfileinfo | 获取本地文件的文件信息 |
| wremovesavedfile | 删除本地存储的文件 |
| wopendocument | 新开页面打开文档 |
数据缓存
| 命令 | 说明 |
|---|
| wsetstorage | 异步，将数据存储在本地缓存中 |
| wsetstoragesync | 同步，将数据存储在本地缓存中 |
| wgetstorage | 异步，获取本地缓存数据 |
| wgetstoragesync | 同步，获取本地缓存数据 |
| wgetstorageinfo | 异步，获取当前 storage 相关信息 |
| wgetstorageinfosync | 同步，获取当前 storage 相关信息 |
| wremovestorage | 异步，从本地缓存中移除指定 key |
| wremovestoragesync | 同步，从本地缓存中移除指定 key |
| wclearstorage | 异步，清理本地数据缓存 |
| wclearstoragesync | 同步，清理本地数据缓存 |
位置
获取位置
| 命令 | 说明 |
|---|
| wgetlocation | 获取当前的地理位置、速度 |
| wchooselocation | 打开地图选择位置 |
查看位置
| 命令 | 说明 |
|---|
| wopenlocation | 使用微信内置地图查看位置 |
| wcreatemapcontext | 创建并返回 map 上下文 mapContext 对象 |
地图组件控制
| 命令 | 说明 |
|---|
| wcreatemapcontext | 创建并返回 map 上下文 mapContext 对象 |
设备
系统信息
| 命令 | 说明 |
|---|
| wgetsysteminfo | 异步，获取系统信息 |
| wgetsysteminfosync | 同步，获取系统信息 |
网络状态
| 命令 | 说明 |
|---|
| wgetnetworktype | 获取网络类型 |
| wonnetworkstatuschange | 监听网络状态变化 |
加速度计
| 命令 | 说明 |
|---|
| wonaccelerometerchange | 监听加速度数据 |
| wstartaccelerometer | 开始监听加速度数据 |
| wstopaccelerometer | 停止监听加速度数据 |
罗盘
| 命令 | 说明 |
|---|
| woncompasschange | 监听罗盘数据 |
| wstartcompass | 开始监听罗盘数据 |
| wstopcompass | 停止监听罗盘数据 |
拨打电话
扫码
剪贴板
| 命令 | 说明 |
|---|
| wsetclipboarddata | 设置，系统剪贴板内容 |
| wgetclipboarddata | 获取，系统剪贴板内容 |
蓝牙
待更新...
iBeacon
待更新...
屏幕亮度
| 命令 | 说明 |
|---|
| wsetscreenbrightness | 设置，屏幕亮度 |
| wgetscreenbrightness | 获取，屏幕亮度 |
| wsetkeepscreenon | 设置，是否保持常亮状态 |
用户截屏事件
| 命令 | 说明 |
|---|
| wonusercapturescreen | 监听用户主动截屏事件 |
振动
| 命令 | 说明 |
|---|
| wvibratelong | 使手机发生 较长 时间的振动 |
| wvibrateshort | 使手机发生 较短 时间的振动 |
手机联系人
| 命令 | 说明 |
|---|
| waddphonecontact | 新增或添加已有联系人 |
NFC
待更新...
Wi-Fi
界面
交互反馈
| 命令 | 说明 |
|---|
| wshowtoast | 显示消息提示框 |
| wshowloading | 显示 loading 提示框 |
| whidetoast | 隐藏消息提示框 |
| whideloading | 隐藏 loading 提示框 |
| wshowmodal | 显示模态弹窗 |
| wshowactionsheet | 显示操作菜单 |
设置导航条
| 命令 | 说明 |
|---|
| wsetnavigationbartitle | 动态设置当前页面的标题 |
| wshownavigationbarloading | 在当前页面显示导航条加载动画 |
| whidenavigationbarloading | 隐藏导航条加载动画 |
| wsetnavigationbarcolor | 动态设置置导航条样式 |
设置 tabBar
| 命令 | 说明 |
|---|
| wsettabbarbadge | 为 tabBar 某一项的右上角添加文本 |
| wremovetabbarbadge | 移除 tabBar 某一项右上角的文本 |
| wshowtabbarreddot | 显示 tabBar 某一项的右上角的红点 |
| whidetabbarreddot | 隐藏 tabBar 某一项的右上角的红点 |
| wsettabbarstyle | 动态设置 tabBar 的整体样式 |
| wsettabbaritem | 动态设置 tabBar 某一项的内容 |
| wshowtabbar | 显示 tabBar |
| whidetabbar | 隐藏 tabBar |
设置置顶信息
| 命令 | 说明 |
|---|
| wsettopbartext | 动态设置置顶栏文字内容 |
导航
| 命令 | 说明 |
|---|
| wnavigateto | 保留当前页面，跳转到应用内的某个页面 |
| wredirectto | 关闭当前页面，跳转到应用内的某个页面 |
| wswitchtab | 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 |
| wnavigateback | 关闭当前页面，返回上一页面或多级页面 |
| wrelaunch | 关闭所有页面，打开到应用内的某个页面 |
动画
| 命令 | 说明 |
|---|
| wcreateanimation | 创建一个动画实例 |
位置
| 命令 | 说明 |
|---|
| wpagescrollto | 将页面滚动到目标位置 |
绘图
待更新...