2024年最新小程序开发入门教程

2024年最新小程序开发入门教程

2024年了,小程序开发环境有了不少变化。今天给想入门的朋友整理一篇最新教程,尽量说得直白点,让新手能少走弯路。


首先,准备工作要做好。你需要一台电脑,Windows和Mac都行。电脑上要装Node.js,不用太新,14以上的版本都可以。装完Node.js,命令行里跑一下node -v,能显示版本号就说明装好了。然后去微信公众平台,注册一个小程序账号。这个账号既可以用来开发调试,也可以后期提交审核上线。


接下来装微信开发者工具。这个是官方出的IDE,专门用来开发小程序的。直接去微信开放文档官网下载就行。装完登录,用微信扫码。新建项目的时候会让你填AppID,这个在你小程序账号的后台能找到。没有账号的话先用测试号,功能基本够用。


项目创建好,你会看到几个默认文件。app.js是全局逻辑,app.json是全局配置,app.wxss是全局样式。这三个是整个小程序的入口。pages文件夹里放各个页面,每个页面有自己独立的js、json、wxml、wxss四个文件。新增页面要在app.json的pages数组里声明,不然会报错。这个细节很多人刚开始会忘。


写页面的基本逻辑是这样的。用户看到的是wxml文件,控制样式的是wxss文件,处理交互的是js文件。比如你想做一个点击按钮弹出提示的功能,在wxml里写一个