258资源分享网

开发工具里面有编辑功能，也有调试功能，简单来说，就是集合了sublime这种富文本编辑器 + 自带调试功能和运行环境的类chrome。编辑功能通过有代码自动提示和一些简单的快捷键，调试功能有界面的展示，UI调试以及逻辑代码的端点调试，只要熟悉web调试功能的开发者，可以做到马上上手，无缝对接。

2、一键式框架搭建

通过添加项目操作，开发工具会自动化生成整个小程序的开发目录结构，后续的开发只要按照对应的目录结构扩展以及修改就OK了。用户无需自己组织整个程序的目录结构，多人协作也可以按照这种约定俗成的目录结构进行开发，规范了开发流程。

| img  --图片文件

| page  -- 页面文件

| |index  -- 单个页面文件

| | |index.js  -- index页面js

| | |index.json -- index页面配置

| | |index.wxml -- index页面结构

| | |index.wxss -- index页面样式

|app.js  --小程序入口

|app.json --小程序整体配置

|app.wxss --小程序整体样式

这些都是小程序的基本文件，页面会将页面文件夹路径作为页面标志，程序或默认的读取页面路径下的wxml文件作为结构，解析wxss和js文件，以及读取文件夹下面的json配置文件。一个基本的页面都是要按照这些规则去添加的。

3、配置式的界面展示

小程序里面每一部分都有一个json文件，这个json文件不是一个数据文件，而是一个配置文件。这个配置文件既可以配置程序的展示，比如菜单栏，整个颜色布局，头部的bar等，也可以配置窗口的状态，比如是否允许下拉，还可以配置一些网络状态，比如规定超时时间。

比如我们简单配置app.json的

属性

底部的bar条直接就能展示，不用我们代码实现。从个人的理解来说，小程序通过配置来实现一些通过的界面，有利于微信控制小程序的整体风格。

4、自定义的组件

小程序自定义了组件标签，HTML的大部分标签在小程序中无法使用，它有自己的一套标签系统，基本用法跟HTML标签差不多，但对比HTML标签，他在标签内为开发者内部实现的功能更强，标签在实现上也针对了移动端的一些常用操作设置。比如实现了

scrollview，用于滚动视图

Swiper，用于轮播

这些组件的实现，大大提高了我们的开发效率。

另外一点，小程序不像vue和react等现在框架，允许开发者自定义组件，开发者不能够自定义组件标签。

5、响应的数据绑定

几乎现在流行的框架都采用了数据驱动视图的方式，小程序的实现也不例外。整个系统分为两块，视图层（view）和逻辑层（APP Service）。框架可以让数据和视图非常简单地保持同步。当数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。