Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>微信小程序助手New to Visual Studio Code? Get it now.
微信小程序助手

微信小程序助手

whosydd

|
3,977 installs
| (0) | Free
快速创建page和component文件结构
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

微信小程序助手

Features

  • 目前只有一个功能,快速新建page和component文件结构,并自动追加page路径到app.json

后续也许会添加其他功能

Usage

右键点击文件夹或者空白处才会出现WeChat: 新建 Page和WeChat: 新建 Component选项

Capture

Extension Settings

wechat-miniapp-create.Style

根据设置生成不同的样式文件

// 仅支持 wxss(default) | less | sass | scss
"wechat-miniapp-create.Style": "scss",

wechat-miniapp-create.PageGist

在settings添加该配置后,可以通过在Gist上添加自定义的文件模板,通过ajax获取到本地

注意:filename必须包含后缀

另外你可以在浏览器地址栏得到gistID

https://gist.github.com/whosydd/037f52d91c0dcd5a8d81d68c2fb3c754 <-- 后面这一长串数字就是gistID

"wechat-miniapp-create.PageGist": {
    "wxml": {
      "fileName": "test.wxml",
      "gistID": "79f6deafa782a06739d96a01b047479a"
    },
    "wxss": {
      "fileName": "",
      "gistID": ""
    },
    "json": {
      "fileName": "",
      "gistID": ""
    },
    "js": {
      "fileName": "",
      "gistID": ""
    }
  },

wechat-miniapp-create.ComponentGist

配置同上


Icons made by Freepik from www.flaticon.com
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft