Wx

Posted by HUANG QING BLOG on February 18, 2020

开发工具

  • 微信开发者工具
  • VSCode
  • https://zh.snipaste.com/

VSCode插件

  • 小程序开发助手
  • minapp
  • css tree

vscode开发微信小程序安装的插件:

  1. wechat-snippet 微信小程序代码辅助,代码片段自动完成
  2. minapp 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets) 需要输入<才会触发标签补全 输入空格会触发对应标签的属性补全
  3. wxapp-helper 选择创建wx组件,自动生成配套的文件,简直不要太爽

小程序框架

|名称|语法| |—-|—-| |腾讯 wepy |类似vue| |美团 mpvue |类似vue| |京东 taro |类似 react| |滴滴 chameleon | |uni-app |类似vue|

小程序中支持es7的async语法

es7的async号称是解决回调的最终方案

  1. 在小程序的开发工具中,勾选es6转es5语法
  2. 下载facebookregenerator库中的regenerator/packages/regenerator-runtime/runtime.js
  3. 在小程序目录下新建文件夹 lib/runtime/runtime.js
  4. 在每一个需要使用async语法的页面js文件中,都引入(不能全局引入)
     import regeneratorRuntime form '../../lib/runtime/runtime';