Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>小程序开发助手New to Visual Studio Code? Get it now.
小程序开发助手

小程序开发助手

wowbox

|
24,229 installs
| (1) | Free
微信小程序开发助手(minapp 修改版)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

小程序开发助手

修改自minapp-vscode扩展

微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

@we-app 可以和扩展完美搭配

该扩展目的就是为了更好的支持@we-app(@we-app是自用小程序框架,大家可以尝试)

# 安装脚手架
npm i -g @we-app/cli

# 初始化项目
min init demo

有需要帮助的请点:这里

增加的功能

功能 描述
json跳转 支持json跳转自定义组件
less 支持less样式智能提示
支持公共组件 支持app.json中usingComponents引入的组件
wxml跳转组件 支持wxml中tag跳转到自定义的组件
组件可选参数 自定义组件prop如果是可选列表,可通过 @enum注释指定可选参数
方法提示 组件bind方法提示(不通用,只支持typescript类写法)
组件属性烤串化 组件的属性在wxml中提示为 a-b-c 格式

使用帮助

1、自定组件可选参数

注意:@enum 注释不能换行

properties: {
  /** 
   * 用于 form 组件 submit | reset 
   * @enum [{"value": "submit", "desc": "提交表单"}, {"value": "reset", "desc": "重置表单"}]
   */
  formType: String,
}

2、样式自动完成配置

强烈建议设置全局样式,可以提供完整样式的提示

// 全局样式从根目录开始
{
  "minapp-vscode.globalStyleFiles": ["src/app.less"],
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft