写在开头

我是一个后端代码农民。在最近的项目需求中，接触到了微信小程序，整理学习过程分享给小伙伴们。既然是学习整理，难免会在表达上出现一些错误。希望您能及时纠正小程序运行开发，谢谢。

微信群二维码欢迎交流

申请账户

点击进入小程序注册页面，按照指引填写相关资料。

下载开发工具

开发者工具下载地址，根据自己的操作系统下载对应版本

登录，设置 - 找到开发设置：

运行安装好的微信开发者工具，选择小程序项，填写上一步的信息和目录。

在项目目录中创建以下文件：

/app.json

{ "pages": [ "pages/index/index" ] }

///.js

Page({ data: { hello: "这里将显示Hello文字" }, handleDisplayHello() { this.setData({ hello: "Hello WeChat MiniProgram" }) } })

///.wxml

<view class="container"> <view class="content">{{hello}}view> <button bindtap="handleDisplayHello">显示Hellobutton> view>

///.wxss

.container { display:flex; flex-direction: column; align-items: center; } .container .content{ margin: 50rpx; color: #0000cc; }

点击工具栏中的编译按钮在模拟器中预览效果，点击小程序中的显示按钮进行预览，如图：

以上就是小程序开发和demo实现的简单准备。下一篇文章将详细解释每个文件。

下次通知

我们将详细讲解微信小程序源文件的结构和含义，敬请期待。

微信交流群

微信群二维码会定期失效。为了方便更新，群二维码会放在上方传送门>>>