微信小程序第一步

目录：

        1.获取AppID

        2.下载IDE集成开发工具

        3.IDE的使用与介绍

            3.1 创建项目

            3.2 IDE编辑功能面板介绍

            3.3   IDE调试功能面板介绍

1.获取AppID

       AppID的获取需要在微信公众平台（ https://mp.weixin.qq.com ）注册小程序账号，然后登录——>设置——>开发设置 可以查看到。  

 

 2.下载IDE集成开发工具

        下载地址： https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2017112

        ps:下载完成后直接傻瓜式安装即可，废话不多说。

3.IDE的使用与介绍

         3.1 创建项目

    

    这里有两种方式，如果有AppID可直接填入，然后依次填写项目名称和选择本地的文件路径，如果没有AppID直接点击无AppID即可，最后点击添加项目完事。

       3.2 IDE编辑功能面板介绍

     这些都很容易理解，一看便知他的作用。

     3.3 IDE调试功能面板介绍

每一种调试工具的职能介绍：

            Console:调试工具面板可以提供开发者输入调试代码，同时小程序运行时的错误也会显示在这里。

            Sources:显示当前项目编译后的脚本文件

  

            Network:观察request和socket请求

            Storage:显示wx.setStorage wx.setStorageSync使用后的数据存储

            AppData:显示当前项目实时的数据，可以试试更改预览

            Wxml:看到当前页的页面结构和对应的wxss文件，也可以实时修改wxss并预览

 ps:参考官方文档总结（ https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/debug.html），虽然官方文档已经写的很详细了，当时还是记不住，自己写写，总结总结比较清晰一些。