微信小程序第一步

来源:互联网 发布:怎么申请关闭淘宝店铺 编辑:程序博客网 时间:2024/06/06 09:11
目录:
        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),虽然官方文档已经写的很详细了,当时还是记不住,自己写写,总结总结比较清晰一些。
 
0 0