微信小程序初体验-helloworld篇

最新推荐文章于 2024-08-19 17:34:54 发布

程序中的战斗机

最新推荐文章于 2024-08-19 17:34:54 发布

阅读量5.1k

点赞数 1

分类专栏： Android基础文章标签：微信微信小程序微信应用号

本文链接：https://blog.csdn.net/YiRanAiNi_/article/details/53081945

版权

本文介绍了微信小程序的初步使用，包括获取AppID、创建项目、编写代码和创建页面的步骤。通过开发者工具，创建并理解app.js、app.json、app.wxss等关键文件的作用。同时，详细阐述了页面结构文件wxml、样式表wxss和脚本文件js的编写，以及如何在手机上预览小程序的实际效果。

摘要由CSDN通过智能技术生成

首先，我们需要拥有一个帐号，如果你能看到该文档，我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。利用提供的帐号，登录 https://mp.weixin.qq.com ，就可以在网站的「设置」-「开发者设置」中，查看到微信小程序的 AppID 了。

注意：如果我们不是用注册时绑定的管理员微信号，在手机上体验该小程序。那么我们还需要操作「绑定开发者」。即在「用户身份 - 开发者」模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

我们需要通过开发者工具，来完成小程序创建和代码编辑。

开发者工具安装完成后，打开并使用微信扫码登录。选择创建「项目」，填入上文获取到的 AppID，设置一个本地项目的名称（非小程序名称），比如「我的第一个项目」，并选择一个本地的文件夹作为代码存储的目录，点击「新建项目」就可以了。

为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择「是」，开发者工具会帮助我们在开发目录里生成一个简单的 demo。

关注

专栏目录