微信小程序开发工具怎么用,使用流程是什么?

为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。

  • 使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK 详情
  • 使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。
微信小程序开发工具
微信小程序开发工具

微信小程序开发工具怎么用,使用流程是什么?

1、下载

微信平台官网上提供了开发工具的下载,地址:

下载 · 小程序

分别提供了 windows64,windows32 和 mac 三个版本。

下载后直接安装即可。

2、创建小程序项目

安装完成后,打开微信 web 开发者工具。用你的个人微信扫描二维码登录。

微信小程序开发工具怎么用,使用流程是什么?

登录后选择“本地小程序项目”。

进入后,可以点击“+”号按钮创建新项目。本地已经创建过项目的,这里都会看到。

创建项目时,需要填写在平台上申请的小程序 AppID,这个在之前关于申请账号的文章中已经提过。实在不想麻烦的,就直接选“无 AppID”,代价是无法在真机上调试代码,但不影响开发。

3、开发界面

创建好项目之后,即可进入开发环境进行开发。左边是导航栏,主要有三个界面。

这是开发的主要场景。左侧是展示效果的模拟器,可直接交互。右侧是编写代码的编辑器,包括代码文件的导航。共有 4 种类型的代码:

  • js:JavaScript 代码,主要处理逻辑。
  • wxml:类似于 html,负责页面上控件的展示。
  • wxss:类似于 css 的样式文件,用来调整布局,美化界面。
  • json:json 格式的配置文件。

有过前端开发经验的朋友对这些应该不会陌生,基本都是一样的套路。

修改过代码后,需要手动保存。模拟器中的版本会在保存后自动刷新。

调试界面

如果你使用过 Chrome 的开发者工具或其他类似的 web 前端调试工具,那这里就不用再多说了。

包括了控制台调试、页面源代码、网络请求、页面元素等功能,满足你开发时的各类调试需求。

项目界面

这里是项目的基本信息和一些配置。如果你没有 AppID,或者没有配置好接口的域名(微信小程序要求后台接口必须是 https 协议),但又要加网络请求的功能,请务必把“开发环境不校验请求域名以及 TLS 版本”给勾选上,否则无法成功发出请求。

4、demo

如果在创建新项目时,选上了“在当前目录中创建 quick start 项目”,你可以看到一个简单的“hello world”小程序。它可以帮你了解微信小程序的基本代码结构。

当然这还不足以让你了解小程序的各种功能。官网上还提供了“小程序示例”的源码下载,你可以从代码中详细了解小程序各种控件的基本用法。微信公众号(码不理)中回复 资源 可直接获取下载地址。

工欲善其事,必先利其器。了解使用开发工具是开发微信小程序的第一步。之后我们将针对文档和源码,由浅入深,逐步做更详细的分析。

关于我们:

Infocode蓝畅信息技术有限公司成功为多家世界财富500强企业以及其他著名品牌提供优质服务,是您靠谱的互联网开发供应商。

服务客户遍及北京、上海、杭州、深圳、广州、天津、青岛、南京、宁波、苏州、无锡、厦门、重庆、西安等大中型城市及地区    为您提供:微信开发H5开发,小程序制作,H5外包,H5商城开发,小程序商城开发,网站开发外包,H5游戏开发,小程序开发外包,小程序设计、APP开发外包,UI设计,SEO优化,SEO外包,视频后期制作等优质服务

小程序制作



您希望更多了解和咨询Infocode蓝畅信息技术的具体内容
=

本文来自,经授权后发布,本文观点不代表Infocode蓝畅信息技术立场,转载请联系原作者。

(1)
Infocode蓝畅Infocode蓝畅
上一篇 2022年1月10日 下午11:52
下一篇 2022年1月11日 下午1:49

相关文章内容推荐

  • 上海小程序开发公司:微信小程序开发服务介绍

    小程序发展得越来越火,因此越来越多的企业和商家都表示要开发自己的小程序。许多企业和商家在开发前的沟通阶段都很关心这样一个问题:微信小程序开发公司应该找哪家? Infocode上海蓝…

    2022年2月26日
    0229
  • 学习资源小程序开发有哪些功能?

    学习资源小程序开发功能有哪些 学习资源小程序开发有哪些功能? 学习资源小程序开发市场概述 学习资源小程序开发可以实现资源的扩展,让更多需要教学资源的用户可通过平台来获取相关的信息内…

    2023年3月27日
    0123
  • 微信小程序开发公司:为什么要开发微信小程序?

    企业开发小程序的必要性! 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜…

    2021年12月2日
    0163
  • 微信小程序认证开发常见问题总结,小程序开发问答QA

    现如今市场最火爆的应用就是微信小程序,借助微信平台开发的小程序改变了人们的生活方式。另外微信的用户量是达到了10亿多,微信就占了用户50%的时间,在所有有手机的用户中微信的覆盖率达…

    2020年9月1日
    0208
  • 微信小程序怎么开发?

    微信小程序怎么开发? 专业的小程序开发公司蓝畅信息来和大家聊一下如何开发一个小程序,开发微信小程序的步骤是什么? 更多微信小程序开发资讯,或者您需要开发一个微信小程序,请联系蓝畅客…

    2022年2月13日
    0269
  • 如何开通微信小程序?

    如何开通微信小程序? 微信小程序是一种基于微信生态的轻应用,用户可以在微信内直接使用,无需下载安装。 开通微信小程序可以为企业或个人提供一个全新的推广渠道,增加曝光率和用户粘性,同…

    2023年7月2日
    0276