微信小程序开发工具

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

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”小程序。它可以帮你了解微信小程序的基本代码结构。

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

以上进行小程序开发需要懂编程技术，对于不懂技术的人来说还是有一定难度的。现在出现了很多傻瓜式小程序开发工具，借助小程序模板即可快速制作一款小程序。千语创想就是一款可视化开发平台，平台上有各大行业的小程序模板，只需按照流程操作，即可一套代码同时生成安卓、iOS、小程序。

立即免费在线制作一个小程序，新手注册即送开发大礼包