[微信小程序]二、开发小程序工具介绍

博主： justin
发布时间：2024 年 03 月 14 日
193 次浏览
关闭评论
2153字数
分类： JavaScript

开发文档：https://developers.weixin.qq.com/miniprogram/dev/api/
主要学习：框架、组件、API
高级开发：云开发

开发工具下载

https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
下载然后安装，下一步点到头。

打开开发工具：

选择小程序，点击右下角的新建按钮，创建新的项目。

工具按钮介绍

编译

预览

点击预览会出现二维码，用自己的手机扫描二维码，就能在真机上浏览调试小程序。

真机调试

类似于浏览，但是可以在控制台打印出报错信息。

详情框

下分3个子框

基本信息

项目基本信息

本地设置

可以设置基础库版本，右侧的百分比是使用该基础库的开发者占比。
其他的设置之后再讲。

项目配置

最后修改：2024 年 03 月 14 日

如果觉得我的文章对你有用，请随意赞赏

此处评论已关闭

[微信小程序]二、开发小程序工具介绍

justin • 2024 年 03 月 14 日

<p>开发文档：<span class="external-link"><a class="no-external-link" href="https://developers.weixin.qq.com/miniprogram/dev/api/" target="_blank"><i data-feather="external-link"></i>https://developers.weixin.qq.com/miniprogram/dev/api/</a></span><br />主要学习：框架、组件、API<br />高级开发：云开发<br><a name="vYqWA"></a></p><h1>开发工具下载</h1><p><span class="external-link"><a class="no-external-link" href="https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html" target="_blank"><i data-feather="external-link"></i>https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html</a></span><br />下载然后安装，下一步点到头。</p><p>打开开发工具：<br /><img src="https://cdn.nlark.com/yuque/0/2021/png/405775/1613823449763-7de5db10-87d2-4835-8c99-caf0c6d66a0c.png#align=left&display=inline&height=752&originHeight=752&originWidth=1002&size=0&status=done&style=none&width=1002" alt="" title="" style=""><br /><img src="http://qiniu.justinwuwei.cn/20210220201724.png" alt="" title="" style=""></p><p>选择小程序，点击右下角的新建按钮，创建新的项目。<br><a name="g1d04"></a></p><h2>工具按钮介绍</h2><p><a name="uJz0z"></a></p><h3>编译</h3><p><img src="https://cdn.nlark.com/yuque/0/2021/png/405775/1613834536136-e9781b83-0d14-4cbc-931a-736cc59d500d.png#align=left&display=inline&height=1034&originHeight=1034&originWidth=1920&size=0&status=done&style=none&width=1920" alt="" title="" style=""><br /><img src="http://qiniu.justinwuwei.cn/20210220232215.png" alt="" title="" style=""></p><p><a name="LDIxR"></a></p><h3>预览</h3><p><img src="https://cdn.nlark.com/yuque/0/2021/png/405775/1613834690497-d435343f-3070-4111-8312-3a216bf8aaaa.png#align=left&display=inline&height=1028&originHeight=1028&originWidth=1920&size=0&status=done&style=none&width=1920" alt="" title="" style=""><br /><img src="http://qiniu.justinwuwei.cn/20210220232450.png" alt="" title="" style=""></p><p>点击预览会出现二维码，用自己的手机扫描二维码，就能在真机上浏览调试小程序。</p><p><a name="Xbdu4"></a></p><h3>真机调试</h3><p>类似于浏览，但是可以在控制台打印出报错信息。</p><p><a name="71EDX"></a></p><h3>详情框</h3><p>下分3个子框<br><a name="TZqVc"></a></p><h4>基本信息</h4><p>项目基本信息<br /><img src="https://cdn.nlark.com/yuque/0/2021/png/405775/1613835018777-eb8c3a83-c875-4d7d-8738-f4514f1bd723.png#align=left&display=inline&height=954&originHeight=954&originWidth=485&size=0&status=done&style=none&width=485" alt="" title="" style=""><br /><img src="http://qiniu.justinwuwei.cn/20210220233019.png" alt="" title="" style=""></p><p><a name="PZwiX"></a></p><h4>本地设置</h4><p>可以设置基础库版本，右侧的百分比是使用该基础库的开发者占比。<br />其他的设置之后再讲。<br /><img src="https://cdn.nlark.com/yuque/0/2021/png/405775/1613835051252-c811f7d4-d483-4e8c-8277-d8118ad0c36e.png#align=left&display=inline&height=902&originHeight=902&originWidth=497&size=0&status=done&style=none&width=497" alt="" title="" style=""><br /><img src="http://qiniu.justinwuwei.cn/20210220233043.png" alt="" title="" style=""></p><p><a name="eHscn"></a></p><h4>项目配置</h4><p><img src="https://cdn.nlark.com/yuque/0/2021/png/405775/1613835122342-b593ac59-3b08-47dc-89e2-9af94d9839c2.png#align=left&display=inline&height=919&originHeight=919&originWidth=502&size=0&status=done&style=none&width=502" alt="" title="" style=""><br /><img src="http://qiniu.justinwuwei.cn/20210220233154.png" alt="" title="" style=""></p>

[微信小程序]二、开发小程序工具介绍

开发工具下载

工具按钮介绍

编译

预览

真机调试

详情框

基本信息

本地设置

项目配置

Babel相关依赖介绍/ES新特性升级经验

Django学习[0] 简介Hellodjango

Django学习[1] MTV简单流程

Django学习[2] 和model的简单对接，实现数据增删改查

Django学习[3] 数据库常规操作，级联数据（最后有坑）

[微信小程序]十五、API页面模拟数据请求/request网络请求

[前端逆向]三、WebSocket解析

[微信小程序]二十九、常用组件库介绍

[VUE2]二十六、【vue-cli】使用脚手架创建项目

Django学习[71] Celery简介及使用

[微信小程序]二、开发小程序工具介绍