前端开发快速入门微信小程序

1.微信小程序指南

微信小程序指南:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/
至少了解起步、目录结构、配置小程序三个菜单

微信小程序指南

2.微信开发者工具
  • 新建page:在pages下新建一个文件夹,点击文件夹,右键新建page,自动生成js、json、wxml、wxss
    新建page
  • 新建component:在components下新建一个文件夹,点击文件夹,右键新建component,自动生成相关组件文件和基本配置
    备注:在微信开发者工具编辑器上直接开发相对于来说有一点儿卡,建议直接使用vscode开发代码,微信开发者工具上调试
3.调试面板

大部分功能与chrome浏览器控制台一致


控制台

AppData
4.真机调试
真机调试
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容