【小程序】第一个小程序——创建小程序项目

曾经终败给现在 2024-03-30 11:07 35阅读 0赞

**目录**

小程序简介

第一个小程序

安装开发者工具

创建小程序项目

## 小程序简介 ##

1. 小程序与普通网页开发的区别

![17e1b9a120564ed2b1c852ce2623d063.png][]

2. 体验小程序

可使用手机微信(6.7.2 及以上版本)扫码下方小程序码，体验小程序：

![989234d43e3a4aea89df657320bfcc89.png][]

## 第一个小程序 ##

1. 点击注册按钮

使用浏览器打开 https://mp.weixin.qq.com/ 网址，点击右上角的“立即注册”即可进入到小程序开发

账号的注册流程，主要流程截图如下：

![cf9b74e80abd4e629f4de28d141db574.png][]

2. 选择注册账号的类型

![24a2959f8aa8422a9db1e19fcc5a0ba5.png][]

3. 填写账号信息

![44f456ab7b4046d78f767bda014d380a.png][]

4. 提示邮箱激活

![e28f173f269a485698a536f7b5a57be5.png][]

5. 点击链接激活账号

![bdee46c4972b4885a285bf84494e9136.png][]

6. 选择主体类型

![16eaa69be65f4587b0e2b1a9b28e6a9c.png][]

7. 主体信息登记

![14f6b9a87d3e4b95981ed6462bf44897.png][]

8. 获取小程序的 AppID

![09cb2849fe2446cab0031aabc99e7f6c.png][]

## 安装开发者工具 ##

1. 了解微信开发者工具

微信开发者工具是官方推荐使用的小程序开发工具，它提供的主要功能如下：

快速创建小程序项目

代码的查看和编辑

对小程序功能进行调试

小程序的预览和发布

2. 下载

推荐下载和安装最新的稳定版（Stable Build）的微信开发者工具，下载页面的链接如下：

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

![c97e9799e14f41abac2832564ad153b1.png][]

3. 安装

![9f13eee54d0a4683814a365084fb76be.png][]

![9c7004329f464a248a288ede3538d56e.png][]

![6855c3bbd82f4cb2b6a245f852006658.png][]

![bdb9105f046d478f83a9b89791f61aba.png][]

点击“完成”按钮，完成对微信开发者工具的安装。

![850edc82f2734445a0482af12eb92e6c.png][]

4. 扫码登录

![5e0fb1ca115d4c8ab21ebbfbd9c5cb0f.png][]

![6feba198518f4e488149f614c205a764.png][]

5. 设置外观和代理

![d2ad3e92a184468586cde8cf69ed33c8.png][]

## 创建小程序项目 ##

1. 点击“加号”按钮

![42f0911740044001a4ee8a7d0f48ea31.png][]

2. 填写项目信息

![09284c14a6814bceb32b4340e8ec9646.png][] 3. 项目创建完成

![5358ac9b23d14269aef41f4912358ff6.png][]

4. 在模拟器上查看项目效果

![fcb7ff30d4c5432b9729ddac7b98fb9b.png][]

5. 在真机上预览项目效果

![4ef6572029da464c895b5307a1893b74.png][]

5. 主界面的 5 个组成部分

![a9549feb82754255a2a144828233aedc.png][]

[17e1b9a120564ed2b1c852ce2623d063.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/a9cb618a10f34e9a86da518e8f9a4eaf.png
[989234d43e3a4aea89df657320bfcc89.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/b45147b25a7f48718b1e22efec5315ed.png
[cf9b74e80abd4e629f4de28d141db574.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/e922e6476a284284b964fb0526b2807e.png
[24a2959f8aa8422a9db1e19fcc5a0ba5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/24b715eba5d54279a876c0a8c6f78a52.png
[44f456ab7b4046d78f767bda014d380a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/d6d720bae61f4d88974d08e3b10d37a7.png
[e28f173f269a485698a536f7b5a57be5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/bab4dd9368ce457f9b284c402b772efc.png
[bdee46c4972b4885a285bf84494e9136.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0573ad5c263a4f2aa0328a5b55b230cc.png
[16eaa69be65f4587b0e2b1a9b28e6a9c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/910dfd944883430590ade3fcc4ae216c.png
[14f6b9a87d3e4b95981ed6462bf44897.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/8bd8c953240849fb98b2cdbd948e5472.png
[09cb2849fe2446cab0031aabc99e7f6c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/bc6ab28df4f6434a889fa35b606ca7e1.png
[c97e9799e14f41abac2832564ad153b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/ae267b9e64554eea8910ebe55d81ad13.png
[9f13eee54d0a4683814a365084fb76be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/8a754348d1ab4744af7c8c5e60a9318f.png
[9c7004329f464a248a288ede3538d56e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/d535ad593fd5433083ab65b409fa1735.png
[6855c3bbd82f4cb2b6a245f852006658.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/c47e9b950d9c432ab05581c59693accd.png
[bdb9105f046d478f83a9b89791f61aba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/86390386329b445d8d2dd44a27822c98.png
[850edc82f2734445a0482af12eb92e6c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/96f0f824497c48069e77653e8997f932.png
[5e0fb1ca115d4c8ab21ebbfbd9c5cb0f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/7db246dd96954b72856af97c633345d7.png
[6feba198518f4e488149f614c205a764.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/80525f4d948d48c097085159c4254d55.png
[d2ad3e92a184468586cde8cf69ed33c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/2da434722f43403fab666273b51a1619.png
[42f0911740044001a4ee8a7d0f48ea31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/b870338ce29c4891ae812329e2bd96f0.png
[09284c14a6814bceb32b4340e8ec9646.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/646c29768dbc4e6caea2e690968998e4.png
[5358ac9b23d14269aef41f4912358ff6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/897df50f607949799500ec024ebfdd74.png
[fcb7ff30d4c5432b9729ddac7b98fb9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/70ad2efb9f1d420982791725ed1c09f9.png
[4ef6572029da464c895b5307a1893b74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/e145dafded3748cc9ab80005b22808e5.png
[a9549feb82754255a2a144828233aedc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/aca1ec507f5b48d3b83453f11c9fb8bd.png