Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>微信小程序自定义组件代码片段提示New to Visual Studio Code? Get it now.
微信小程序自定义组件代码片段提示

微信小程序自定义组件代码片段提示

付熙晨

|
7,962 installs
| (0) | Free
微信小程序自定义组件代码片段提示插件,支持事件、属性提示,以及wxml中的class提示、wxss中的class反向提示
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

test README

无

Features

为微信小程序开发在 WXML 文件中引用组件时提供组件提示、组件属性提示、组件事件提示

组件提示

为 WXML 文件提供已在 WXSS 文件中定义的 Class 提示(提供对应 WXSS 和 app.wxss 文件中的 Class 提示)

Class 提示

为 WXSS 文件提供已在 WXML 文件中引用的 Class 反向提示(只提供对应 WXML 文件中的 Class 反向提示)

Class 反向提示

为微信小程序开发提供内置代码提示

内置代码提示

Requirements

如果你想在 WXML 文件中使用组件的提示,必须在对应的 JSON 或 app.json 文件中按照微信小程序官方要求在 usingComponents 中配置组件

如果你想为微信小程序提供内置代码提示 请确保您的系统中正确安装并配置了 node(包括 npm ) 环境

使用 vscode 打开你的工作目录 使用 command+Shift+P 输入 init WeChat Package 初始化项目

Extension Settings

配置名 选项 是否必填 描述
wechat-component.globalFile string('/app.json') false 微信小程序app.json文件路径
wechat-component.allMode boolean(false) false 是否开启代码块模式

Known Issues

暂时未知(如遇问题请告知 QQ:632951357)

Release Notes

Users appreciate release notes as you update your extension.

0.0.1

初始提交,实现微信小程序自定义组件参数及事件提示、css类名提示、css类名反向提示

0.0.2

fix(自定义组件参数提示): 修复自定义组件参数提示时的require找不到文件错误
fix: 修复自定义组件中没有响应事件正则匹配为null时的异常
fix: 修复 app.json 文件未配置 usingComponents 导致的代码运用异常
add: 增加在确认组件属性或自定义事件提示时将移动光标到引号中间

0.0.3

fix: 修复 WXSS 文件中的 Class 反向提示 在 Class 属性中包含插值表达式时产生的错误
add: 为微信小程序开发提供内置代码提示

0.07

fix: 修复window环境下文件路径包含不支持的符号的问题 发布打包时忽略无用文件减少包体积大小


Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft