微信小程序怎么开发？教你设置好开发者工具
发表时间：2023-11-22 09:05:51
文章来源：炫佑科技
浏览次数：178
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信小程序怎么开发？教你设置好开发者工具
1.下载开发工具
下载安装后，打开就会进入这个界面。 开发首次启动开发工具时，需要使用微信账号扫描二维码登录。
登录后，微信开发工具会询问调试类型，请选择“本地小程序项目”。
2. 创建项目
只需点击“添加项目”即可在您的计算机上创建一个新的小程序项目。
这时微信小程序怎么开发？教你设置好开发者工具，你会进入一个页面，要求你填写小程序AppID（如果没有AppID，则选择“无AppID”，如果有，可以在开发时预览真机上的效果） 、项目名称和开发目录。 没有AppID的朋友也可以正常开发。 是的，不用担心~
注：小程序AppID：登录后可在网站“开发”-“基础配置”中查看微信小程序的AppID，不能直接使用服务号或订阅号的AppID。
创建过程中，如果选择的本地文件夹为空文件夹，开发工具会提示是否需要创建快速启动项目。 选择“是”，这将帮助我们在开发目录中生成一个简单的演示。
3、开发项目
开发工具主要分为编辑、调试、项目三个部分：
“编辑”：查看和编辑代码；
“调试”：测试代码微信小程序开发工具教程，模拟小程序效果；
“项目”：发送到手机上预览实际效果。
4.真机预览（已填写AppID的开发）
想体验代码在真机上运行如何？ 点击左侧“项目”->“预览”，直接用微信扫描二维码即可在手机上预览小程序的效果。
注意：
1、开发工具上的二维码只能由登录开发工具的开发扫描预览；
2、请使用微信客户端ios或6.3.27及以上版本扫码预览；
3. 二维码仅在5分钟内有效。
真机预览也有很棒的体验。 您可以在手机右下角看到一个“ ”按钮。 点击后，你会发现一个非常熟悉的页面。 是的~有点类似于我们用的开发 Same as web：
PS：*后给大家展示一下我制作的一个小程序demo的真机测试gif图。 这个小程序有点类似于大众点评和美团APP。 集美食、视频、二手车、资讯于一体。 平滑度也不错，如下图：
