在微信公众平台注册小程序,完成注册后得到APPID,可以同步进行信息完善和开发。
根据计算机系统,下载 微信web开发者工具
结构 | 传统结构 | 微信小程序 |
---|---|---|
结构 | HTML | WXML |
样式 | CSS | WXSS |
逻辑 | JavaScript | JavaScript |
配置 | 无 | JSON |
传统的web是三层结构,而微信小程序是四层结构,多了一层 配置JSON
项目目录结构如下:
vscode开发微信小程序安装的插件:
wechat-snippet
微信小程序代码辅助,代码片段自动完成
minapp
微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
需要输入<才会触发标签补全
输入空格会触发对应标签的属性补全
wxapp-helper
选择创建wx组件,自动生成配套的文件,简直不要太爽
技巧:建议新建页面或写配置时,在微信开发者工具里写(有提示,会自动生成相关配置),个人习惯写WXML、WXSS、JS在VSCode里面写,看你个人喜好。
给我盘它!盘它!盘它!