微信小程序开发工具教程

今天就给大家分享下微信小程序开发及后期处理的相关教程：

材料/工具

微信开发者工具微信小程序生成平台即速应用

即速应用

用360浏览器登录即速应用官网，点击上方首页菜单的制作，即可开始进行制作。

点击空白模板，进行自由创作。（也可以选择主题模板进行快速制作）

进入制作页面后，点击组件库，拖拽组件开始搭建页面。

根据自己的需求选择不同的组件，每个组件都是可以自己编辑属性的。

制作完成后点击右上角生成即可。

页面跳转后点击发布。

打包点击微信小程序即可。(后期处理可以用微信开发者工具)

微信开发者工具

首先打开开发者工具，点击右上角项目-新建项目。

选择小程序项目，进入管理页面。

项目目录要选空文档或准备好的demo，有APPID则填写没有则点击体验小程序（建议去微信官网注册申请），然后点击确认。

代码构成：
JSON 配置：
app.json-小程序配置 ；project.config.json-工具配置；page.json-页面配置；
WXML 模板及样式：

从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HTML 的角色。WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。
JS 交互逻辑：
一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。

点击屏幕上方的编译即可预在模拟器中览程序结果，这样就完成了你的小程序啦。