微信小程序怎么开发？小程序开发工具

微信小程序不同于公众号。不是申请一个账号就可以立即发文章了，写代码是必不可少的过程。腾讯为此提供了一整套开发工具解决方案，包括编译代码、调试和上传，全部在开发工具中直接完成。下面就介绍一下这个微信开发工具的使用步骤。

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

当然，这个还不足以让你了解小程序的各种功能。“小程序示例”的源码下载在官网也有提供。可以从代码详细了解小程序的各种控件的基本用法。

小程序开发需具备编程语言基础，对于不懂技术的人来说还是有一定难度的。现在出现了很多傻瓜式小程序开发工具，通过套用小程序模板就可快速开发一个小程序。变色龙云就是一款可视化小程序开发平台，平台上有各大行业的小程序模板，只需按照流程操作，即可一套代码同时生成小程序和APP,非常方便。