养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

微信开发者工具使用入门一

时间:2024-10-24 03:21:36

准备开始小程序的开发工作之前,当然是要找到一款好用的IDE,微信官方提供全新的“微信开发者工具”,最新的版本是稳定版StableBuild(1.03.2005140),相比于之前的版本做了很大的改善。

方法/步骤

1、首先找到“微信患束锍瓜开放文档”,切换到“小程序”,点击“工具”。这里列出了所有的历史版本。最下方有更新日志,可以查看每个版本的更新日志,修复了那些bug等等。找到最新稳霁凶咬食定版StableBuild(1.03.2005140),根据自己操作系统选择window64还是32的,或者苹果系统,下载对应的安装包,然后安装。

微信开发者工具使用入门一

微信开发者工具使用入门一

微信开发者工具使用入门一

微信开发者工具使用入门一

2、安装完成以后,双击开发工具。第一次打开的时候会提示用微信扫码。如果是团队开发项目,需要先在服务平台把你的微信号添加到开发组里面。登录成功后,会看到已经存在的项目列表和代码片段列表。

微信开发者工具使用入门一

微信开发者工具使用入门一

3、点击空白列表里面的“陴鲰芹茯+”号,可以新建一个项目。也可以导入一个项目。这里看到不管是新建项目还是导入项目,都需要一个“AppId”的东西。一般学习的时候可以使用提供的测试号。在团队开发过程蒗钰妒蟥中,如果大家都是加入了同一个开发组,那么扫码之后都会使用相同的AppId。使用测试号时,开发工具有些功能不能使用哦,所有有时间还是注册一个正式的吧。

微信开发者工具使用入门一

微信开发者工具使用入门一

4、左下角“管理”按钮,可以管理项目列表。可以删除列表里面的记录,这个删除不会删除磁盘上的项目。

微信开发者工具使用入门一

微信开发者工具使用入门一

微信开发者工具使用入门一

5、接着创建项目,输入“项目名称”,AppId选择使用测试号,开发模式选择“小程序”,点击右下角“创建”,打开开发工具IDE。里面会创建一个简单的,有完整结构的小程序项目。

微信开发者工具使用入门一

微信开发者工具使用入门一

6、工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器六大部分。这六大部分就是后续开发项目过程中天天使用的。

微信开发者工具使用入门一

7、新的开发者工具从视觉、交互、性能等方面进行升级,用户的开发体验也越来越好。后续会对六大部分逐一进行介绍哦。

© 一点知识