[微信小程序] 微信小程序学习(一)——起步

1. 完成注册登录

微信公众平台注册小程序,完成注册后得到APPID,可以同步进行信息完善和开发。

2. 下载开发工具

根据计算机系统,下载 微信web开发者工具

3. 新建项目
结构 传统结构 微信小程序
结构 HTML WXML
样式 CSS WXSS
逻辑 JavaScript JavaScript
配置 JSON

传统的web是三层结构,而微信小程序是四层结构,多了一层 配置JSON

项目目录结构如下:
在这里插入图片描述

4. 开发插件(vscode)

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

  1. wechat-snippet
    微信小程序代码辅助,代码片段自动完成

  2. minapp
    微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
    需要输入<才会触发标签补全
    输入空格会触发对应标签的属性补全

  3. wxapp-helper
    选择创建wx组件,自动生成配套的文件,简直不要太爽

技巧:建议新建页面或写配置时,在微信开发者工具里写(有提示,会自动生成相关配置),个人习惯写WXML、WXSS、JS在VSCode里面写,看你个人喜好。

5. 教程 | 《小程序开发指南》

给我盘它!盘它!盘它!

《小程序开发指南》

《微信官方文档——小程序》