微信小程序的开发工具

自媒体运营教程 产品运营 12

前面我们介绍了 如何申请成为微信小程序的开发者。必要的条件是企业或者组织机构的身份认证(至于如何想办法搞到这个认证不在我们的讨论之列)。不过仅从开发角度来说,没有认证也并不影响。

小程序和公众号不一样,并不是随便申请了就可以发文章运营。编写代码是不可缺少的过程。腾讯为此提供了一整套的开发工具解决方案,包括编写代码、调试、上传,都直接在开发工具中完成。下面我们就来讲讲这个开发工具。

1、下载

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

下载 · 小程序

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


微信小程序的开发工具-第1张图片-90博客网

下载后直接安装即可。

2、创建小程序项目

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


微信小程序的开发工具-第2张图片-90博客网

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


微信小程序的开发工具-第3张图片-90博客网

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


微信小程序的开发工具-第4张图片-90博客网

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

3、开发界面

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

相关影片资源迅雷下载推荐

B/S 架构软件:Web APP开发的技术框架和一体化解决方案

1. 前言1.1. 题记本文将从下面三个方面对Web开发技术进行了梳理小结:客户端框架技术服务端框架技术Web应用程序开发的一体化解决方案。比如,低代码开发平台:Wordpress,Outsystems应用程序开发的发展有一个趋势,C ...

APP开发,B/S 架构软件:Web APP开发的技术框架和一体化解决方案

编辑界面


微信小程序的开发工具-第5张图片-90博客网

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

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

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

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

调试界面


微信小程序的开发工具-第6张图片-90博客网

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

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

项目界面


微信小程序的开发工具-第7张图片-90博客网

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

4、demo

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

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


微信小程序的开发工具-第8张图片-90博客网

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

相关影片资源迅雷下载推荐

三上真司:想开发自己的游戏 改变游戏开发文化

Tango GameWorks创始人三上真司表示他计划再开发一个游戏,想更改游戏开发文化。 三上2010年成立了Tango,执导了《恶灵附身》,随后转型监督,担任了《恶灵附身2》和《幽灵线:东京》的执行制作人。 在《生化危机》 ...

游戏开发,三上真司:想开发自己的游戏 改变游戏开发文化

企业网站建设与开发最低只要299元起,包含域名服务器,需要的联系QQ345424724,电话15516990022,18530226930

标签: 小程序开发 微信小程序的开发工具

抱歉,评论功能暂时关闭!