第2章小程序环境搭建与开发工具介绍

  1. 小程序的基本目录结构与文件作用剖析
  2. 小程序文件结构和传统 web 对比
  3. 项目目录解释
  4. 小程序配置文件
  5. 调试
    <ol>
  • appid
  • 微信开发者工具
  • 不使用云开发
  • 小程序的基本目录结构与文件作用剖析

    1. 小程序框架系统分为两部分:
      1. 逻辑层(App Service)
      2. 视图层(View)
    2. 小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原⽣ APP 体验的服务。
    3. 小程序框架提供了自己的视图层描述语言WXMLWXSS,以及JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。

    小程序文件结构和传统 web 对比

    传统 web 微信小程序
    项目骨架、结构 HTML WXML
    页面样式 CSS WXSS
    项目逻辑 Javascript Javascript
    配置 JSON
    1. 通过以上对比得出传统 web 是三层结构.而微信小程序是四层结构,多了一层配置.json
    2. 当这几个文件在同一级目录下且命名相同(后缀不同),可以互相引用却不用导入

    项目目录解释

    1. 项目目录解释
      项目目录解释
    2. 1 个 page 由四个配置文件组成
    3. 以 app 开头的文件是应用程序级别的文件,更改一处全局生效。
    4. 页面 pages 的配置优先级高于全局配置(就近原则)
    5. 小程序是允许修改文件目录名

    小程序配置文件

    1. 全局的 app.json
    2. 页面自己的 page.json

    调试

    1. console.log(‘logs 的值是:’+logs)
    2. 断点调试

    转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达,可以邮件至 963614756@qq.com。