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

材料/工具

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

即速应用

  • 1
    用360浏览器登录即速应用官网，点击上方首页菜单的制作，即可开始进行制作。
  • 2
    点击空白模板，进行自由创作。（也可以选择主题模板进行快速制作）
  • 3
    进入制作页面后，点击组件库，拖拽组件开始搭建页面。

  • 4
    根据自己的需求选择不同的组件，每个组件都是可以自己编辑属性的。
  • 5
    制作完成后点击右上角生成即可。
  • 6
    页面跳转后点击发布。
  • 7
    打包点击微信小程序即可。(后期处理可以用微信开发者工具)
END

微信开发者工具

  • 1
    首先打开开发者工具，点击右上角项目-新建项目。
  • 2
    选择小程序项目，进入管理页面。
  • 3
    项目目录要选空文档或准备好的demo，有APPID则填写没有则点击体验小程序（建议去微信官网注册申请），然后点击确认。
  • 4
    代码构成：
    JSON 配置：
    app.json-小程序配置 ；project.config.json-工具配置；page.json-页面配置；
    WXML 模板及样式：

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

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