收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏（0）
更新记录
1.0.5（2025-08-04） 下载此版本
..
1.0.4（2025-08-01） 下载此版本
-
1.0.3（2023-03-01） 下载此版本
更新部分vue3支持
查看更多平台兼容性
| HbuilderX/cli最低兼容版本 |
|---|
| 4.65 |
HBuilderX插件通用注意事项
HBuilderX-2.7.12以下版本安装插件市场内的插件后，卸载时需手动卸载，详细教程参考：如何手动卸载插件
ran1ever-snippet 自用 不喜勿喷
迫于HBuilderX没有配置云端备份，故将自己常用的代码块整理成插件，提高开发效率
tips:可接外包及技术支持，欢迎咨询。vx:ran1ever q:377313813 备注：uniapp
使用示例：
CSS-stylus
| 触发代码 | 对应代码块 |
|---|---|
| rpad | padding相关 |
| rmar | margin相关 |
| rbef | 伪类before |
| rnth | nth-child(n) |
| rlas | last-child |
| rlh | 行高 |
| rfw | 字体加粗 |
| rfz | 字体大小、颜色相关 |
| rgba | color rgba(1,1,1,0) |
| rh | 高相关 |
| rwh | 宽、高、圆角相关 |
| rcalc | calc(100% - 10rpx) |
| rbor | border相关 |
| rbtn | button相关 |
| rfc | flex相关 |
| rt1 | 单行文本省略 |
| rt2 | n行文本省略 |
| rbr | 圆角 |
| rbs | 盒模型 border-box |
| rpos | 定位相关 |
| rsearch | 搜索框css |
| rbanner | banner css |
| rdot | dot-自定义轮播点 css |
| rnav | nav css |
| rtab | tab css |
| rlist | 常规列表css |
| riteminput | 左标题 右输入框 |
| raddr | 地址列表 css |
| reditAddress | 编辑地址 css |
| rorder | 订单nav css |
| rthirdlogin | 其他登录方式 css |
| rhandle-wrapper | 购物车数量组件 css |
| rprotocol-wrapper | 隐私政策、用户协议 css |
vue
| 触发代码 | 对应代码块 |
|---|---|
| rapp | App.vue-热更、CSS初始化、小程序更新 |
| rpage | 初始化xxx.vue |
| rcustom | 自定义导航栏 |
| rblock | block循环列表 |
| rfor | 循环列表 |
| rlist | 列表相关 |
| riteminput | 左标题 右输入框 |
| rright | 右箭头相关 |
| rsearch | 搜索框相关 |
| rbanner | banner |
| rdot | 自定义轮播点 |
| rnav | nav |
| rtab | tab |
| rnotice | 文字滚动公告 |
| rcomponent | 组件 |
| rscroll-x | 横向滑动相关 |
| rprotocol | 隐私政策、用户协议 |
| rorder | 订单nav |
| img | 图片相关 |
| rbutton | 按钮 |
| r | 数据绑定相关 {{ ? }} |
| rhandle-wrapper | 购物车数量组件 |
| rlogin-form | 登录表单 |
| raddr | 地址列表相关 |
| reditAddress | 编辑地址 |
| rthirdlogin | 其他登录方式 |
| rorderpage | 订单 |
JS
| 触发代码 | 对应代码块 |
|---|---|
| rmain | main.js 基础信息初始化 |
| rlog | 打印日志 |
| rfunc | 函数相关 |
| rawait | await func()... |
| rget | get请求 |
| rpost | post请求 |
| rfor | for循环 |
| rtime | 时间相关-setInterval、setTimeout、clearTimeout、clearInterval |
| rfile | 文件操作相关-上传、下载、保存，打开文档 |
| rgo | 页面跳转相关-navigateTo、switchTab、redirectTo... |
| rsto | storage相关-setStorageSync、getStorageSync、removeStorageSync... |
| rloca | 地图位置相关-getLocation、chooseLocation、openLocation |
| rimage | 图片相关-选择、预览、保存 |
| rvideo | 视频相关-选择、预览、保存 |
| rphone | 拨打电话 |
| rscan | 扫码相关-二维码、条形码 |
| rcopy | 设置剪贴板 |
| rtoast | 文字提示toast |
| rloading | 加载相关-showLoading、hideLoading |
| rmodal | 模态弹窗showModal |
| raction | 从底部向上弹出操作菜单showActionSheet |
| rsetTitle | 设置页面标题 |
| rtabbar | TabBar相关-显示、隐藏、设置红点、设置文本... |
| rscroll | 页面滚动到pageScrollTo |
| rcustom | 自定义导航栏 |
| ro | 获取页面传递的参数 option.a |
| rnew | 参数定义相关 |
| rprop | props参数定义 |
| rpull | 下拉刷新onPullDownRefresh |
| rreach | 上拉加载onReachBottom |
| rgetdata | 获取分页数据 |
| rselect | 获取节点信息-布局位置、距离页面顶部位置... |
| rnavbarbtn | 导航栏按钮点击 |
| rdot | 自定义轮播点 |
| rshare | 分享相关-分享为图、图文、小程序，小程序分享 |
| rupdate | 更新相关-小程序更新、APP热更 |
| rpay | 支付相关-小程序支付、APP支付、苹果支付 |
| rlogin | 第三方登录相关-微信登录、QQ登录 |
| ruserinfo | 获取用户信息 APP |
| rbackpress | APP返回监听 |
| rlogin-form-j | 登录页面js |
| rgetCode | 获取验证码 |
| rprotocol | 隐私政策、用户协议点击跳转 |
| rnotice | 检测APP是否有通知权限 |
| rsetNotice | APP去设置通知权限 |
page.json
| 触发代码 | 对应代码块 |
|---|---|
| rpage | 页面相关 |
| tabbar | tabbar |
| globalStyle | globalStyle |
下载 2885
赞赏 0
下载 11308479
赞赏 1810
赞赏
京公网安备：11010802035340号