专为VSCode&Wing开发微信小程序编写的Snippet。
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
README.md
html.json
javascript.json

README.md

引言


专为VSCode&Wing开发微信小程序编写的Snippet。联系作者,欢迎提供完善代码段。 (已完美适配Wing,安装使用方法一样,Wing编译器基于VSCode开源框架)

支持IDE


VScode、Wing 3.2以上

版本更新


时间 版本号 更新内容
2016.09.29 0.0.3 新增js->jw - app (App实例)
新增js->jw - wx.hideKeyboard (收起键盘)
新增js->jw - wx.stopPullDownRefresh (停止当前页面下拉刷新)
2016.09.27 0.0.2 新增js.json(强化说明注释)
完善html.json
2016.09.25 0.0.1 新增html.json

程序演示


demo.gif demo-api.gif

安装使用


1.将json文件放入IDE的sinppets目录:

VSCode:·

  • Windows版本:C:\Users\用户名\AppData\Roaming\Code\User\snippets
  • Mac版本:/Users/用户名/Library/Application Support/Code/User/snippets

Wing:

  • Windows版本:C:\Users\用户名\AppData\Roaming\EgretWing\User\snippets
  • Mac版本:/Users/用户名/Library/Application Support/EgretWing/User/snippets

如果找不到上述目录,可以打开IDE菜单->首选项->用户代码片段,分别选择Javasript、HTML(或者WXML),将下载的文件代码手动copy进去,保存即可。

2.打开IDE菜单->首选项->用户设置,在settings.json加入以下代码:

VSCode:

"files.associations": { "*.wxml": "html", "*.wxss": "css"}

Wing:

"files.associations": { "*.wxss": "css"}

3.为防止和其他命令冲突,本sinppet触发命令以'jw'开头。

命令说明:


  • 组件命令和API命令分别关联wxml和wxss文件,不用担心触发命令会冲突

组件命令列表:


组件命令 命令说明 组件命令 命令说明
jwview 创建view组件 jwradio-group 创建radio-group组件
jwscroll-view 创建组件 jwradio 创建radio组件
jwswiper 创建swiper组件 jwslider 创建slider组件
jwicon 创建icon组件 jwswitch 创建switch组件
jwtext 创建text组件 jwaction-sheet 创建action-sheet组件
jwprogress 创建progress组件 jwmodal 创建modal组件
jwbutton 创建button组件 jwtoast 创建toast组件
jwcheckbox-group 创建checkbox-group组件 jwloading 创建loading组件
jwcheckbox 创建checkbox组件 jwnavigator 创建navigator组件
jwform 创建form组件 jwaudio 创建audio组件
jwinput 创建input组件 jwimage 创建image组件
jwlabel 创建label组件 jwvideo 创建video组件
jwpicker-selector 创建picker-selector组件 jwmap 创建map组件
jwpicker-time 创建picker-time组件 jwcanvas 创建canvas组件
jwpicker-date 创建picker-date组件
其他命令 命令说明 其他命令 命令说明
jwtemplate 创建template模板 jwimport wxml import wxml文件
jwtemplate is 创建template组件 jwinclude wxml include wxml文件

API命令列表:


API命令 命令说明 API命令 API说明
jwwxrequst 创建wx.request API 网络-发起请求 jwwxclearStorage 创建wx.clearStorage API(异步) 数据-缓存
jwwxuploadFile 创建wx.uploadFile API 网络-上传 jwwxclearStorageSync 创建wx.clearStorageSync API(同步) 数据-缓存
jwwxdownloadFile 创建wx.downloadFile API 网络-下载 jwwxgetLocation 创建wx.getLocation API 位置-获取
jwwxwebSocket 创建wx.webSocket API(全局唯一) 网络 jwwxopenLocation 创建wx.openLocation API 位置-查看
jwwxchooseImage 创建wx.chooseImage API 媒体-图片 jwwxgetNetworkType 创建wx.getNetworkType API 设置-网络状态
jwwxpreviewImage 创建wx.previewImage API 媒体-图片 jwwxgetSystemInfo 创建wx.getSystemInfo API 设置-系统信息
jwwxrecord 创建wx.start&stop Record API 媒体-录音 jwwxonAccelerometerChange 创建wx.onAccelerometerChange API 设置-重力感应
jwwxvoice 创建wx.play&pause&stop Vioce API 媒体-音频播放控制 jwwxonCompassChange 创建wx.onCompassChange API 设置-罗盘
jwwxaudio 创建wx.get&play&pause&seek&stop Audio API 媒体-音乐播放控制 jwwxsetNavigationBarTitle 创建wx.setNavigationBarTitle API 界面-导航条
jwwxsaveFile 创建wx.saveFile API 媒体-文件 jwwxnavigateTo 创建wx.navigateTo API 界面-导航
jwwxchooseVideo 创建wx.chooseVideo API 媒体-视频 jwwxredirectTo 创建wx.redirectTo API 界面-导航
jwwxsetStorage 创建wx.setStorage API(异步) 数据-缓存 jwwxnavigateBack 创建wx.navigateBack API 界面-导航
jwwxsetStorageSync 创建wx.setStorageSync API(同步) 数据-缓存 jwwxlogin 创建wx.login API 登录
jwwxgetStorage 创建wx.getStorage API(异步) 数据-缓存 jwwxgetUserInfo 创建wx.getUserInfo API 用户信息
jwwxgetStorageSync 创建wx.getStorageSync API(同步) 数据-缓存 jwwxrequestPayment 创建wx.requestPayment API 微信支付
jwwxhideKeyboard 创建wx.hideKeyboard API 界面-键盘 jwwxstopPullDownRefresh 创建wx.stopPullDownRefresh API 界面-刷新
其他命令 命令说明 其他命令 命令说明
jwapp 创建App实例 jwarray 创建数组
jwpage 创建Page实例 jwlog 日志输出
jwfunction 创建普通方法 jwsetData 同步视图层数据
jwevent 创建事件方法

作者相关: