微信小程序开发工具 第1篇
首次打开微信开发者工具时，会出现一个登录界面，如下图所示。 在登录界面中，可以使用微信扫码登录微信开发者工具，微信开发者工具将使用这个微信账号的信息进行微信小程序的开发和调试。
使用微信扫码登录成功后会进入微信开发者工具的项目选择界面。
,
单击步骤2中图片的“+”可以进入微信小程序项目的创建界面，将内容填写完成后，单击“确定”按钮创建微信小程序项目。
在微信小程序项目的创建界面中，读者可以自定义项目名称和目录，如填写项目名称为“HELLO”，目录为“D:\miniprogram\hello”。关于AppID、开发模式、后端服务和模板选择的具体解释如下。
AppID：填写小节获取的AppID即可。如果不想使用自己的AppID，也可以使用测试号，二者的区别是，前者能够使用的功能比后者多，例如代码的上传和发布。 开发模式：有“小程序”和“插件”两种选择，由于我们要创建一个微信小程序项目，所以此处应选择“小程序”。
后端服务：有“微信云开发”和“不使用云服务”两种选择。在“微信云开发”中，开发者无须搭建服务器，即可使用云函数、云数据库、云存储以及微信云托管等完整云端能力。
模板选择：微信开发者工具提供了多种模板用于快速创建微信小程序项目。
微信小程序开发工具 第2篇
1.如只是在电脑端测试用 在pages目录下的images目录下（自己创建个也可）将图片拖入即可
2.想在手机端测试图片就不能放在小程序开发工具中 （可以本机启一个idea项目 在微信小程序端调用图片时使用后端的地址＋图片路径） 如图 这样就可以
2.手机端展示效果 编译之后点预览 微信扫码之后所见即所得（注：仅你个人注册小程序时使用的微信有这个权限）
至此 全部仅用js开发的demo模板就已经完成 如果将小程序需要转发给别人需要花费30开通服务（太狗了） 并且次个人测试版本的小程序在微信下拉最近小程序时 会显示（开发版）三个字的logo
微信小程序开发工具 第3篇
一个微信小程序是由一个或多个页面组成的，这些页面被存放在pages目录中。下面以pages目录下的index页面为例展示其组成部分，index页面的组成部分如下图所示。
由上图可知，index页面由4个文件组成，分别是、、和。
JS：类似网页制作中的JavaScript语言，用于实现页面逻辑和交互，文件扩展名为.js。需要注意的是，微信小程序中的JS不含DOM和BOM，但它提供了丰富的API，可以实现许多特殊的功能，例如微信登录、音频播放、文件上传等。
JSON（JavaScript Object Notation，JavaScript对象符号）：用于利用JSON语法对页面进行配置，文件扩展名为.json。
WXML（WeiXin Markup Language，微信标记语言）：类似于网页制作中的HTML语言，用于构建页面结构，文件扩展名为.wxml。
WXSS（WeiXin Style Sheets，微信样式表）：类似于网页制作中的CSS语言，用于设置页面样式，文件扩展名为.wxss。
微信客户端在加载微信小程序页面时的步骤。
1.读取并解析页面中JSON文件的配置。 2.加载页面的WXML文件、WXSS文件和JS文件，实现页面渲染。
其中，页面中WXSS文件的样式会覆盖项目根目录下的 文件中相同的全局样式；页面中JS文件的Page()函数会被调用，用于创建页面实例。
微信小程序开发工具 第4篇
2.本人下载版本为稳定版
3.输入AppID 后端选择不使用云服务 选择合适的模板（此次demo使用的是js模板）
4.上图中所需AppID就是在小程序端的 开发管理—>开发设置中的
微信小程序开发工具 第5篇
微信小程序项目创建完成后，微信开发者工具会自动创建微信小程序的项目结构，如下图所示。
pages：用于存放微信小程序的所有页面。 .：用于格式化代码，使代码风格保持一致。 ：微信小程序的入口文件，用于描述微信小程序的整体逻辑。 ：微信小程序的全局配置文件，用于设置页面路径、窗口外观、页面表现、标签栏等。 ：微信小程序的全局样式文件，文件可以为空。 ：在微信开发者工具上做的任何配置都会写入这个文件中，当重新安装工具或者更换计算机工作时，只要栽入同一个项目的代码包，微信开发者工具会根据该文件自动恢复成开发微信小程序时的个性化配置。 ：用于保存微信开发者工具的私人配置，配置的优先级高于。 ：用于配置微信小程序及其页面是否允许被微信索引，如果没有该文件，则默认为所有页面都允许被索引。微信现已开放微信小程序页面的搜索，也就是说微信小程序里面的内容也能被微信搜索引擎搜索到。 当开发者允许微信小程序页面被微信索引时，微信会通过爬虫的形式，为微信小程序的页面建立索引。 当用户的搜索词条触发该索引时，微信小程序的链接地址将可能展示在搜索结果中。