评论

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

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

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

插件详细功能介绍:
标签名与属性自动补全
根据组件已有的属性,自动筛选出对应支持的属性集合
属性值自动补全
点击模板文件中的函数或属性跳转到 js/ts 定义的地方(纯 wxml 或 pug 文件才支持,vue 文件不完全支持)
样式名自动补全(纯 wxml 或 pug 文件才支持,vue 文件不完全支持)
在 vue 模板文件中也能自动补全,同时支持 pug 语言
支持 link(纯 wxml 或 pug 文件才支持,vue 文件不支持)
自定义组件自动补全(纯 wxml 文件才支持,vue 或 pug 文件不支持)
模板文件中 js 变量高亮(纯 wxml 或 pug 文件才支持,vue 文件不支持)
内置 snippets
支持 emmet 写法
wxml 格式化
DIY添加适合自己的

安装第三方编辑器扩展教程:
动手打造更强更好用的微信开发者工具-编辑器扩展篇 | 微信开放社区
https://developers.weixin.qq.com/community/develop/article/doc/000a8816e18748dd52f96f8975b413

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

2 个评论

  • 陈
    02-25

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

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

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

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