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

1. 完成注册登录

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

2. 下载开发工具

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

3. 新建项目
结构传统结构微信小程序
结构HTMLWXML
样式CSSWXSS
逻辑JavaScriptJavaScript
配置JSON

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

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

4. 开发插件(vscode)

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

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

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

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

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

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

给我盘它!盘它!盘它!

《小程序开发指南》

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值