评论

点击wxml里面的绑定事件名/变量名/样式名直接跳转到对应js/wxss文件的相关代码

这里要说的实现方法是使用微信开发者工具的编辑器扩展功能,安装并使用第三方编辑器扩展工具实现如题所示功能

1. 简单说明

1.1 实现后的效果文字说明

这里要说的实现方法是使用微信开发者工具的编辑器扩展功能,安装并使用第三方编辑器扩展工具实现如题所示功能。实现点击wxml里面的相关方法,如bindtap=“XXX”,CMD+鼠标左键点击XXX(WINDOWS下为CTRL+鼠标左键)直接跳转到对应.js里面此方法名称处。

1.2 实现后的效果动图演示

2. 实现方法/插件介绍

  1. 标签名与属性自动补全
  2. 根据组件已有的属性,自动筛选出对应支持的属性集合
  3. 属性值自动补全
  4. 点击模板文件中的函数或属性跳转到 js/ts 定义的地方(纯 wxml 或 pug 文件才支持,vue 文件不完全支持)
  5. 样式名自动补全(纯 wxml 或 pug 文件才支持,vue 文件不完全支持)
  6. 在 vue 模板文件中也能自动补全,同时支持 pug 语言
  7. 支持 link(纯 wxml 或 pug 文件才支持,vue 文件不支持)
  8. 自定义组件自动补全(纯 wxml 文件才支持,vue 或 pug 文件不支持)
  9. 模板文件中 js 变量高亮(纯 wxml 或 pug 文件才支持,vue 文件不支持)
  10. 内置 snippets
  11. 支持 emmet 写法
  12. wxml 格式化
  13. DIY添加适合自己的

3. 安装第三方编辑器扩展教程:

动手打造更强更好用的微信开发者工具-编辑器扩展篇

最后一次编辑于  2020-05-02  
点赞 2
收藏
评论

2 个评论

  • 陈
    2020-02-25

    是鼠标移动上去就会这样还是按住Ctrl键才会这样?

    2020-02-25
    赞同 2
    回复 3
    • Admin²⁰²¹
      Admin²⁰²¹
      2020-02-25
      按住CTRL(mac下是按住CMD)才开始跳转
      移上去是右上角预览相关代码,cmd+鼠标左键才跳转
      如果移上去就这样,那就完蛋了哈~乱跳了
      2020-02-25
      1
      回复
    • 陈
      2020-02-25回复Admin²⁰²¹
      挺不错的功能,方便查找
      2020-02-25
      1
      回复
    • Admin²⁰²¹
      Admin²⁰²¹
      2020-02-25回复
      恩,特别是习惯了后端开发,类似java的ide环境都支持跳转,开发小程序时突然没有这个跳转功能了会感觉不习惯
      2020-02-25
      1
      回复
  • 宣华 
    宣华 
    2020-02-26

    像这种那么高效的功能,微信开发者工具弄到现在也没提供,真是无语了

    2020-02-26
    赞同
    回复
登录 后发表内容