微信小程序开发简单教程1（微信小程序开发软件教程）

1.获取微信小程序的Appid（注意这里的Appid是小程序的特殊ID，可以在登录微信官方账号的小程序中看到。如果没有AppID，某些功能将受到限制！），可以在网站的设置-开发者设置中查看微信小程序的appid。注意不要直接使用服务号或订阅号的appid。

注意:如果我们想用非管理员微信号在手机上体验小程序，那么我们还需要操作“绑定开发者”。也就是在“用户身份”-“开发者”模块中，需要体验者绑定上小程序的微信号。本教程的默认账号注册和体验是使用管理员微信号。

2.创建一个项目（项目名称一般为英文，尽量不要使用中文，可能会报错）。我们需要创建一个小程序，并通过开发人员工具编辑代码。

开发者工具安装完成后，用微信扫码打开并登录。选择“创建项目”，填写上面获得的AppID，设置一个本地项目名称（不是applet名称），例如“我的第一个项目”，选择一个本地文件夹作为存储代码的目录，然后单击“新建项目”。

为了方便初学者理解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹为空文件夹，开发者工具将提示是否需要创建快速启动项目。选择“是”，开发者工具将帮助我们在开发目录中生成一个简单的演示。

项目创建成功后，我们可以点击项目，进入并查看完整的开发者工具界面，点击左侧导航，在“编辑”中查看并编辑我们的代码，在“调试”中在微信客户端上测试代码并模拟小程序的效果，并将其发送到手机上以在“项目”中预览实际效果。

3.编写代码（applet有自己的特定标签）创建applet的实例在开发者工具左侧的导航中单击“编辑”，我们可以看到此项目已经初始化并包含一些简单的代码文件。其中最关键和最重要的是app.js、app.json和app.wxss。js后缀是脚本文件，。json后缀是配置文件。wxss后缀是样式表文件。微信小程序会读取这些文件并生成小程序实例。

我们先简单了解一下这三个文件的功能，便于从头开始修改和开发自己的微信小程序。

App.js是小程序的脚本代码。在这个文件中，我们可以监视和处理小程序的生命周期函数并声明全局变量。调用框架提供的丰富API，比如本例中同步存储和同步读取本地数据。有关可用API的更多信息，请参考API文档。

//app . jsapp（{ on launch:function（））{//调用API从本地缓存获取数据。var logs = wx . getstoragesync（&；#39;日志& amp#39;) ||

4.手机预览（加入开发者或运营商生成二维码直接扫码进入！）在开发者工具左侧菜单栏选择“项目”，点击“预览”，扫码后即可在微信客户端体验。

这几篇文章你可能也喜欢：

• 微信小程序开发入门示例（微信小程序开发教程2021）
• 2023年开发最新的app程序需要多少钱？(app软件开发的成本是多少？)
• 微信小程序开发简单教程一(微信小程序开发详细教程)
• 微信小程序开发入门实例(微信小程序开发入门教程)

本文由主机参考刊发，转载请注明：微信小程序开发简单教程1（微信小程序开发软件教程） https://zhujicankao.com/107026.html