Skip to content

johnwang77/JWSnippets-For-VSCode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

引言


专为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 创建事件方法

作者相关:


About

专为VSCode&Wing开发微信小程序编写的Snippet。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published