打开微信开发者工具 创建第一个小程序

  • 步骤：

    • 打开微信开发者工具

    • 使用微信扫码登录

    • 点击小程序-创建小程序

      • 项目名

      • 项目路径

      • appid

      • 不使用云服务器

      • 语言： javascript

 截图如下：

 

微信开发者开发工具的组成

  • 菜单栏

  • 工具栏

    • 预览

      • 描述二维码

      • 自动预览

    • 切后台

  • 模拟器

  • 编译器

  • 调试器

 目录结构：

　　　　

 

1.项目结构

  • 对比：

    • web页面：

      • 技术栈：

        • html

          • 从语义化的角度来描述页面结构

        • css

          • 从审美的角度来美化页面

        • js

          • 从交互的角度来提升用户体验

    • 小程序页面

      • 技术栈：

        • wxml

          • 描述微信页面的结构

        • wxss

          • 描述微信页面的样式

        • js

          • 书写微信的逻辑代码

        • json

          • 配置页面的相关信息

  • 组成

    • pages：管理当前小程序中所有的页面

      • index

        • index.wml

        • index.js

          • 注意点：

            • 所有的代码都是写在 

              Page({
                
              })

        • index.wxss

        • index.json

          • 注意点：

            • 如果没有内容，必须添加一个空对象

    • app.json：注册小程序中的页面

  • 小技巧（重要，一般人我不告诉他）

    • 快速创建一个页面

      • 在 app.json 中的 pages 下添加一个路径，直接保存，可以自动生成对应的页面

    • 设置项目的默认首页

      • 在 app.json 中的 pages 将路径移到第一个元素中

版权声明：本文为KoBe-bk原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/KoBe-bk/archive/2004/01/13/11423765.html