码迷,mamicode.com
首页 > 微信 > 详细

微信小程序开发规范文档-项目结构

时间:2020-04-13 16:41:25      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:app   习惯   方便   开发者   index   小图标   users   小程序   结构   

*项目结构

project/                    // 根目录
    ├─ images/              // 图片/小图标
    ├─ pages/               // pages目录
    ├─ utils/               // 工具,包文件目录
    ├─ app.js               // 入口文件                       
    ├─ app.wxss             // 公共设置
    ├─ app.json             // 公共样式表
    └─ project.config.json  // 项目的编辑器配置

页面目录

1.由历史原因和个人习惯导致目录命名不统一,语义不清晰,不同成员在维护时难以快速识别。

  • 目录命名应遵循以下规范:

    • 尽量简短
    • 采用英文小写方式
    • 单词间以下划线连接
    • 英文语义需与当前目录实现的功能保持一致
    • 如有复数,应采用复数命名
    • 不应该出现数字和除下划线以外的特殊符号
  • 示例:
    // 错误的写法
    ...
    ├─ pages/
    ├─ About/
    ├─ grouplist/
    ├─ group-list/
    ├─ group_list3/
    ├─ groupList/
    ├─ gl/
    ├─ yong_hu/
    ...

    // 正确的写法
    ...
    ├─ pages/
        ├─ about/
        ├─ group_list/
        ├─ users/
    ...
    
  1. 小程序规定,一个页面由wxml,wxss,js,json四个文件组成。为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。
  • 示例:
    // 错误的写法
    ...
    ├─ home/
    ├─ index.wxml
    ├─ index.wxss
    ├─ index.js
    └─ index.json
    ...

    // 正确的写法
    ...
    ├─ home/
        ├─ home.wxml
        ├─ home.wxss
        ├─ home.js
        └─ home.json
    ...
    

    └ ┌ ┘ ┐ ┤ ├ ┴ ┬ ┼ │ ─

微信小程序开发规范文档-项目结构

标签:app   习惯   方便   开发者   index   小图标   users   小程序   结构   

原文地址:https://www.cnblogs.com/jianxian/p/12692198.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!